NepaliDatePickerDocked
A docked / compact Nepali date picker: a read-only text field showing the selected date, with a trailing calendar button that opens the NepaliDatePicker in a dropdown anchored to the field.
This is the Material 3 "docked" pattern - the right default for forms and desktop / web, where a full modal dialog is heavier than needed. Picking a date fills the field and closes the dropdown.
Parameters
the NepaliDatePickerState driving the field and the calendar. See rememberNepaliDatePickerState.
the Modifier applied to the field container.
optional label for the text field.
optional placeholder shown when no date is selected.
optional trailing content that replaces the built-in calendar button; when you supply one, wire its own click to toggle the dropdown if you want that behavior.
optional inline content shown before the date text.
optional inline content shown after the date text.
the NepaliDateFormatStyle used to render the selected date in the field.
whether the calendar shows its TODAY button.
whether the dropdown calendar shows the B.S. / A.D. switch. The field itself always reads the selected date in Bikram Sambat.
whether the dropdown calendar fills its empty cells with the neighbouring months' days, drawn faded. Tapping one selects that day and moves the grid to its month.
the TextStyle applied to the field text.
the Shape of the text field.
the MutableInteractionSource for the text field, or null for a remembered one.
the Shape of the dropdown calendar surface.
the shadow elevation of the dropdown calendar surface.
the NepaliDatePickerColors; its dateTextFieldColors theme the field.
marks days in the dropdown calendar that carry a holiday, a festival or an app's own event, with dots under the day number and a color for the number itself. null, the default, leaves every day as the theme draws it. See NepaliDatePickerDefaults.eventDecorator and NepaliDatePickerDefaults.dayDecorator.
Example usage:
val state = rememberNepaliDatePickerState()
NepaliDatePickerDocked(state = state, label = { Text("Date") })