DatePicker API Overview
Initialization
<script>
import { DatePicker } from "@wx/svelte-core";
</script>
<!-- minimal configuration for initialization -->
<DatePicker />
tip
- Visit the Features Guide to learn more about the control's functionality.
- Explore the samples to visualize the available features.
DatePicker Properties
align | specifies the alignment of a drop-down calendar relative to the input field |
buttons | shows/hides the Today and Clear buttons in the lower part of the drop-down calendar |
css | changes the position of the icon in the input |
disabled | defines whether a date picker is disabled |
error | defines whether error styling is applied to a date picker |
format | sets the date format for a date picker input |
id | sets an HTML id for a date picker |
placeholder | sets a text for the input's placeholder |
title | sets a tooltip text with additional info about the control |
value | sets the value of a date picker |
width | sets the width of a popup with a calendar |
DatePicker Events
select | fires when a new date is selected in a date picker |