1.4.5 • Published 11 months ago
@forter/date-picker v1.4.5
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 |
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 |