svelte-tw-fa

DatePicker component using svelte, tailwind and fontawesome.

Allows special input from keyboard/mouse and parse them to a date. Example:

• "0" or double-click => today
• "+5" or "-5" => five days after or before today
• "14" => 14th day of this month
• "14/01" => 14th of January of this year
• "20210114" or "14-01-2021" or ... (full date)

Installation

1npm install -D @jeanvt/svelte-tw-fa

Usage

1<script>
2 import DatePicker from '@jeanvt/svelte-tw-fa';
3 let textValue;
4 let dateValue;
5</script>
6
7<label  for="datepicker">Date: </label>
8<DatePicker id="datepicker"  init="+6"
9	    bind:textValue  bind:dateValue  tooltipEnabled
10	    displayFormat="YYYY-MM-DD"
11/>
12<p>Selected:<br/>
13(String) {textValue}<br/>
14(Date) {dateValue}
15</p>