Skip to main content

Date Picker

The ty-date-picker component provides an intuitive and interactive interface for users to select dates. This component is essential for applications involving date inputs such as event scheduling, form submissions, and historical data retrieval.

Usage

Here's how you can use the ty-date-picker component:

Live Editor
<ty-date-picker placeholder="Select a date"> </ty-date-picker>
Result
Loading...

API

The ty-date-picker component supports the following properties and events:

Properties

NameDescriptionTypeDefault
labellabel of the date pickerString''
valueValue of the selected dateString''
placeholderPlaceholder text for the inputString''
disabledDisable the date pickerBooleanfalse
sizeSize'sm', 'md''md'

Events

NameDescription
ty-changeEmit event when a date is selected

This component is designed to be versatile and user-friendly, fitting seamlessly into a wide range of applications.