The DatePicker component is used to display a date input and a Calendar popover, allowing users to enter or select a date value.
## Component Structure
```rust
DatePicker {
// The currently selected date in the date picker (if any).
selected_date,
on_value_change: move |v: Option<Date>| {
// This callback is triggered when a date is selected in the
// calendar or the user entered it from the keyboard.
// The date parameter contains the selected date.
},
// Optional number of pre-composed calendar months to show in the popover.
month_count: 1,
// Optional placeholder formatters for the input fields.
on_format_day_placeholder: || "D",
on_format_month_placeholder: || "M",
on_format_year_placeholder: || "Y",
}
```
The styled `DatePicker` and `DateRangePicker` render the input, trigger, popover content, and calendar by default.