abdetaterefe/et-date-svelte

Ethiopian calendar and datepicker library for svelte # Et Date Time Ethiopian Calendar and Datepicker for Svelte ## Features - Geez number - Calendar - Datepicker - Theming (coming soon) - Date-Time picker (coming soon) - Date-range picker (coming soon) ## Demo demo ## Installation Install et-date-svelte with npm ```bash npm install --save-dev et-date-svelte ``` ## Usage/Examples ```svelte import { Calendar, DatePicker } from 'et-date-svelte' ``` ## Docs #### Calendar ```svelte ``` Properties | Name | Default | Type | Description | | :-------- |:---| :------- | :------------------------- | | `month` | `now`| `number` | month of the Calendar | | `year` | `now`| `number` | year of the Calendar | | `etLang` | `false`| `boolean` | geez language | Events | Name | Event Datail | Description | | :-------- |:---| :------------------------- | | `select` | `{now: string, date: {}, time:{}}` | return value when a day is clicked | example ```svelte import { Calendar } from 'et-date-svelte' function clicked(e: { detail: any; }) { console.log(e.detail); } ``` the output is same as for datepicker also #### Datepicker ```svelte ``` Properties | Name | Default | Type | Description | | :-------- |:---| :------- | :------------------------- | | `year_min` | `1990`| `number` | minimum year of the dropdown | | `year_max` | `2040`| `number` | maximum year of the dropdown | | `etLang` | `false`| `boolean` | geez language | | `pick` | "pick"| `string` | text of the button | | `disabled` | `false`| `boolean` | make the button disabled | Events | Name | Event Datail | Description | | :-------- |:---| :------------------------- | | `select` | `{now: string, date: {}, time:{}}` | return value when a day is clicked | ## Authors - @abdetaterefe ## Feedback If you have any feedback, please reach out to me here