Skip to content

Latest commit

 

History

History
53 lines (38 loc) · 1.53 KB

README.md

File metadata and controls

53 lines (38 loc) · 1.53 KB
Raw

Svelte Time Picker

What is it?

A very simple time picker component for Svelte, inspired by Material UI's time picker.

Installation

npm install @rschiang/svelte-timepicker

Usage

<script>
    import { TimePicker } from "@rschiang/svelte-timepicker";

    let hours = null;
    let minutes = null;
</script>

<TimePicker onChange={(h, m) => {
    hours = h;
    minutes = m;
}} />

Demo

https://svelte.dev/repl/54e378a10dac4c8cabd9d938d40a9364?version=4.2.8

Screenshot

Properties

Property Type Description
hours? number | null Controls the hours value.
minutes? number | null Controls the minutes value.
onChange? function | null Function with two parameters: hours and minutes.
containerClass? string Class name for the container element.
inputClass? string Class name for the input element.
popoverClass? string Class name for the popover element.
popoverHeaderClass? string Class name for the popover header element.
popoverHeaderColClass? string Class name for the popover header column element.
popoverHeaderBtnClass? string Class name for the popover header button element.
popoverFooterClass? string Class name for the popover footer element.
popoverFooterBtnClass? string Class name for the popover footer button element.

License

MIT