@forter/date-picker

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