DateSelectPicker
A DateSelectPicker with popover showing the days, moths and year picker.
Usage
function DateSelectPickerUsage() {
return (
<View>
<DateSelectPicker />
</View>
)
}
MonthPicker
function MonthPickerUsage() {
return (
<View>
<MonthPicker />
</View>
)
}
YearPicker
<View>
<YearPicker />
</View>
Month-Year picker
You can also combine the month & year picker to use them in a row
<View row>
<MonthPicker />
<YearPicker />
</View>
Props
| Prop | Data Type | Default Value | Description |
|---|---|---|---|
| Extends | BaseUIProps | -- | Inherits properties from BaseUIProps |
| monthProps | Partial<MonthNamesListProps> | -- | Month Props to control the Month Picker |
| yearProps | Partial<YearListProps> | -- | Year Props to control the Year Picker |
| onDateComplete | (date: Omit<MonthDayItem, "isCurrentMonth">) => void | -- | Callback fired when all there pickers are selected |
| status | BlossomStatus | primary | -- |
| size | BlossomSize | medium | -- |