2021-01-29 07:53:40 +13:00
|
|
|
<script>
|
2021-04-21 07:06:27 +12:00
|
|
|
import { CoreDatePicker } from "@budibase/bbui"
|
2021-02-05 23:53:25 +13:00
|
|
|
import Field from "./Field.svelte"
|
2021-01-29 07:53:40 +13:00
|
|
|
|
|
|
|
export let field
|
|
|
|
export let label
|
|
|
|
export let placeholder
|
2021-02-18 04:16:44 +13:00
|
|
|
export let disabled = false
|
2022-11-14 22:33:01 +13:00
|
|
|
export let enableTime = true
|
2022-02-09 05:15:08 +13:00
|
|
|
export let timeOnly = false
|
2022-08-11 22:01:48 +12:00
|
|
|
export let time24hr = false
|
2022-06-07 19:31:00 +12:00
|
|
|
export let ignoreTimezones = false
|
2021-08-11 01:37:14 +12:00
|
|
|
export let validation
|
2021-08-05 01:33:09 +12:00
|
|
|
export let defaultValue
|
2022-04-14 20:46:46 +12:00
|
|
|
export let onChange
|
2021-01-29 07:53:40 +13:00
|
|
|
|
|
|
|
let fieldState
|
|
|
|
let fieldApi
|
2022-04-14 20:46:46 +12:00
|
|
|
|
|
|
|
const handleChange = e => {
|
2022-08-31 22:39:04 +12:00
|
|
|
const changed = fieldApi.setValue(e.detail)
|
|
|
|
if (onChange && changed) {
|
2022-04-14 20:46:46 +12:00
|
|
|
onChange({ value: e.detail })
|
|
|
|
}
|
|
|
|
}
|
2021-01-29 07:53:40 +13:00
|
|
|
</script>
|
|
|
|
|
2021-08-11 01:37:14 +12:00
|
|
|
<Field
|
|
|
|
{label}
|
|
|
|
{field}
|
|
|
|
{disabled}
|
|
|
|
{validation}
|
2021-10-19 05:12:02 +13:00
|
|
|
{defaultValue}
|
2021-08-11 01:37:14 +12:00
|
|
|
type="datetime"
|
|
|
|
bind:fieldState
|
|
|
|
bind:fieldApi
|
|
|
|
>
|
2021-01-29 07:53:40 +13:00
|
|
|
{#if fieldState}
|
2021-04-21 07:06:27 +12:00
|
|
|
<CoreDatePicker
|
2021-08-19 23:53:31 +12:00
|
|
|
value={fieldState.value}
|
2022-04-14 20:46:46 +12:00
|
|
|
on:change={handleChange}
|
2021-08-19 23:53:31 +12:00
|
|
|
disabled={fieldState.disabled}
|
|
|
|
error={fieldState.error}
|
|
|
|
id={fieldState.fieldId}
|
2021-10-20 03:11:14 +13:00
|
|
|
appendTo={document.getElementById("flatpickr-root")}
|
2021-04-21 07:06:27 +12:00
|
|
|
{enableTime}
|
2022-02-09 05:15:08 +13:00
|
|
|
{timeOnly}
|
2022-08-11 22:01:48 +12:00
|
|
|
{time24hr}
|
2022-06-07 19:31:00 +12:00
|
|
|
{ignoreTimezones}
|
2021-05-04 22:04:42 +12:00
|
|
|
{placeholder}
|
|
|
|
/>
|
2021-01-29 07:53:40 +13:00
|
|
|
{/if}
|
2021-02-05 23:53:25 +13:00
|
|
|
</Field>
|