Flatpickr is a lightweight and powerful datetime picker. Svelte Flatpickr Plus is a wrapper for Flatpickr with some extra features.
useLocaleYear
option.resetMoveDefault
and resetToDefault
option.Svelte Flatpickr Plus coming with 4 actions
npm i svelte-flatpickr-plus
or
pnpm i svelte-flatpickr-plus
you can import any actions and passing options to that actions that all you need to do
example for build date picker element
<script>
//? import datePicker svelte action from 'svelte-flatpickr-plus'
import { datePicker } from 'svelte-flatpickr-plus';
//? declare any options you want to set in flatpickr
const options = {
dateFormat: 'Z',
altFormat: 'd F Y',
altInput: true
};
</script>
//? using svelte action with html input element and set `options` to it
<input
name="input_datepicker"
use:datePicker={options}
placeholder="please select date"
readonly
/>
demo repl for datePicker action
IE9 and up, Edge, iOS Safari 6+, Chrome 8+, Firefox 6+
flatpickr will never change its license, pester users for donations, or engage in other user-hostile behavior.
Nevertheless, if you enjoyed working with this library or if its made your life easier, you can buy them a cup of coffee :)