2019-07-13 11:35:57 +02:00
|
|
|
<script>
|
2020-09-09 13:06:04 +02:00
|
|
|
import Flatpickr from "svelte-flatpickr"
|
2020-09-01 23:00:30 +02:00
|
|
|
import { Label, Input } from "@budibase/bbui"
|
2020-09-09 13:06:04 +02:00
|
|
|
import 'flatpickr/dist/flatpickr.css'
|
2019-07-13 11:35:57 +02:00
|
|
|
|
2020-09-09 13:06:04 +02:00
|
|
|
const PICKER_OPTIONS = {
|
|
|
|
enableTime: true
|
|
|
|
}
|
2019-08-07 10:03:49 +02:00
|
|
|
|
2020-09-09 13:06:04 +02:00
|
|
|
export let label
|
|
|
|
export let value
|
2019-07-13 11:35:57 +02:00
|
|
|
</script>
|
|
|
|
|
2020-08-22 22:34:46 +02:00
|
|
|
<div class="bb-margin-m">
|
2020-09-01 22:28:38 +02:00
|
|
|
<Label small forAttr={'datepicker-label'}>{label}</Label>
|
2020-09-09 13:06:04 +02:00
|
|
|
<Flatpickr
|
|
|
|
options={PICKER_OPTIONS}
|
|
|
|
placeholder={label}
|
|
|
|
bind:value
|
|
|
|
/>
|
2020-09-08 19:03:41 +02:00
|
|
|
</div>
|