DateSelectPicker

A DateSelectPicker component that provides day, month, and year selection using a popover interface.
It can also be used as standalone Month or Year pickers or combined for a compact Month-Year picker.

Usage

function DateSelectPickerUsage() {
  return (
    <View>
      <DateSelectPicker />
    </View>
  )
}

Month Picker

Use the MonthPicker component to select months independently.

function MonthPickerUsage() {
  return (
    <View>
      <MonthPicker />
    </View>
  )
}

Year Picker

Display a standalone year selection using YearPicker.

<View>
  <YearPicker />
</View>

Month-Year picker

Combine both MonthPicker and YearPicker in a row layout for a compact selection interface.

<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	--