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 |