Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

svelte-flatpickr-plus

kodaicoder743MIT2.0.8TypeScript support: included

Flatpickr is a lightweight and powerful datetime picker. Svelte Flatpickr Plus is a wrapper for Flatpickr with some extra features.

svelte, sveltekit, svelte action, datepicker, date picker, monthpicker, month picker, daterangepicker, date range picker, monthrangepicker, month range picker

readme

Svelte Flatpickr Plus

npm npm License

Flatpickr is a lightweight and powerful datetime picker. Svelte Flatpickr Plus is a wrapper for Flatpickr with some extra features.

Feature overview:

Demo here

  • all features of Flatpickr
  • Svelte Flatpickr Plus is just a svelte actions that you can using with use:action directive of svelte on input element with any class or style
  • You can using your locale years (e.g. Buddhist Era) with useLocaleYear option.
  • You can setting a reset behavior with resetMoveDefault and resetToDefault option.
  • On a calendar, year input has been replace with year dropdown element for easy to select year.
  • Have theme changer function to calling and change a theme of calendar easier.

Actions

Svelte Flatpickr Plus coming with 1 powerful action and you can name it what ever you want.

<script>
    import your_action_name from 'svelte-flatpickr-plus';
</script>

Installation

npm i svelte-flatpickr-plus

or

pnpm i svelte-flatpickr-plus

Basic Usage

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 svlatepickr from 'svelte-flatpickr-plus';
</script>

<input name="datepicker" use:svlatepickr />

Advance Usage ?

check it on the website for more information and advance usage >> HERE <<

Compatibility

IE9 and up, Edge, iOS Safari 6+, Chrome 8+, Firefox 6+

Supporting main project - flatpickr

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 :)

❤️ Go here