1# Picker
2
3
4A picker allows users to select a single option or a combination of options from one or more dimensions.
5
6
7![picker-backup](figures/picker-backup.png)
8
9
10## How to Use
11
12- Use a picker for users to select the year, month, date, weekday, hour, or minute, or any of their combinations.
13
14- Use a picker for users to select a specific time.
15
16- Use a dialog box or embedded component to show a time picker for users to select a time (in the format of hour:minute:second) on a mobile device. Users can set the time format, for example, 12-hour or 24-hour time format.
17
18
19## Time Picker
20
21
22- Content area: The hour and minute are displayed. Time is displayed in 12-hour or 24-hour time format, depending on user settings.
23
24- Operation area: **CANCEL** and **OK** buttons
25    | |
26  | -------- |
27  | ![aston](figures/aston.png) |
28
29For the software implementation of the time picker, see [Time Picker](../../application-dev/reference/arkui-ts/ts-basic-components-timepicker.md).
30
31## Date Selector
32
33
34- Title: The year, month, date, and weekday can be displayed, depending on actual scenarios.
35
36- Content area: This area can display all the years, or only this year and earlier years. Two hyphens (--) indicate no year is specified. The year is optional if users are setting birthdays. The lunar calendar switch is optional. If a picker has the switch and the switch is turned on, the lunar calendar date is displayed. If the switch is turned off, the Gregorian calendar date is displayed. If a picker does not have the lunar calendar switch, you can define whether the picker displays the Gregorian calendar or lunar calendar.
37
38- Operation area: **CANCEL** and **OK** buttons
39
40![date-picker](figures/date-picker.png)
41
42For the software implementation of the date picker, see [Date Picker](../../application-dev/reference/arkui-ts/ts-basic-components-datepicker.md).
43
44
45## Resources
46
47For details about the development guide related to the picker, see [TextPicker](../../application-dev/reference/arkui-ts/ts-basic-components-textpicker.md), [TimePicker](../../application-dev/reference/arkui-ts/ts-basic-components-timepicker.md), and [DatePicker](../../application-dev/reference/arkui-ts/ts-basic-components-datepicker.md).
48