Licence
Apache-2.0
Version
1.6.1
Deps
1
Size
141 kB
Vulns
0
Weekly
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 |