@forter/date-picker
v1.4.5
Published
date-picker from Forter Components
Downloads
52
Readme
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
|