1.6.0 • Published 1 year ago
@forter/date-picker v1.6.0
fc-date-picker
An element by Forter
Usage
<script>
import '@forter/date-picker';
</script>
<fc-date-picker>
</fc-date-picker>Examples
<!-- Timestamp Int Dates -->
<fc-date-picker .dates="${[1588305600000]}">
</fc-date-picker>
<!-- Timestamp Preset Dates -->
<fc-date-picker .dates="${['1588305600000']}">
</fc-date-picker>Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
dates | dates | any[] | Dates picked. example: 1626886021472 | |
disabled | disabled | "" \| "disabled" | ||
format | format | string | "MM-DD-YYYY" | Date Format. default: MM-DD-YYYY, example: DD MMM YYYY HH:mm |
invalid | invalid | boolean | false | Whether the input is invalid |
pickerOptions | pickerOptions | any | {} | Options for calendar to override the defaults |
required | required | boolean | false | If the input is required |
right | right | "right-opening" \| "left-opening" | ||
valid | valid | boolean | false | Whether the input is valid |
value | value | string | Date Format. example: 1588305600000 |
CSS Custom Properties
| Property | Description |
|---|---|
--fc-date-picker-border-color | input border color. example: pink |
--fc-date-picker-color | text color. example: pink |