An input component to let users select a time. You can set the date that the time falls on, as well as display the selected time in any format you want.

This component uses dayjs for internal calculations. The date prop works with either native Date objects or dayjs instances, but the selected time is always returned as a native JavaScript Date object.

<script>
import { TimePicker } from '@thetinkerinc/colibri';

import style from './style.js';

let selected;
</script>

<TimePicker {style} bind:selected />

//style.js
export default style = {};