https://github.com/ryu-man/svelte-date-picker
https://github.com/ryu-man/svelte-date-picker
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/ryu-man/svelte-date-picker
- Owner: ryu-man
- License: mit
- Created: 2020-12-12T20:53:56.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-02-22T17:19:25.000Z (over 5 years ago)
- Last Synced: 2025-02-09T10:41:55.449Z (over 1 year ago)
- Language: Svelte
- Size: 15.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Svelte date picker
A modern date picker for Svelte.js framework
## Usage
```js
import { Picker, Calendar } from "svelte-date-picker";
let selected;
// simple form
;
```
```js
import {Picker, Calendar} from 'svelte-date-picker'
let selected
let initial = new Date(selected || "2020-10-10")
{selected = date}} />
```
## Props
### Picker
| Prop | Type | Default | Usage |
| -------- | ------ | ------------ | ------------------------------------------------ |
| format | String | "dd/MM/yyyy" | used in picker input to format the selected date |
| selected | String | Date | used in picker input to format the selected date |
| locale | String | "us" | used in picker input to format the selected date |
| slot variable | Type | Default | Usage |
| ------------- | ---------- | ------- | ------------------------------------------ |
| close | () => void | | a function use to close the calendar popup |
### Calendar
| Prop | Type | Default | Usage |
| ---------------- | -------------------- | --------- | ------------------------------------------- |
| initial | Date | today | used for the starting point |
| selected | Date | undefined | specify a selected date |
| disablePredicate | (date:Date)=>boolean | ()=>false | used to check if the date is not selectable |
| action | (date:Date)=>void | ()=>{} | callback called when the date is selected |