CalendarDatePicker Control

Styles

Style Key Semantic Alias IsDefaultStyle*
MaterialCalendarDatePickerStyle CalendarDatePickerStyle True
MaterialDefaultCalendarDatePickerStyle True

IsDefaultStyle*: Styles in this column will be set as the default implicit style for the matching control

Lightweight Styling

Themed

Key Type Light
CalendarDatePickerBackground SolidColorBrush SurfaceVariantBrush
CalendarDatePickerBackgroundCornerRadius CornerRadius 4,4,0,0
CalendarDatePickerBackgroundDisabled SolidColorBrush SystemControlTransparentBrush
CalendarDatePickerBackgroundFocused SolidColorBrush SurfaceVariantBrush
CalendarDatePickerBackgroundMinHeight Double 53
CalendarDatePickerBackgroundPointerOver SolidColorBrush SurfaceVariantBrush
CalendarDatePickerBackgroundPressed SolidColorBrush SurfaceVariantBrush
CalendarDatePickerBorderBrush SolidColorBrush OnSurfaceLowBrush
CalendarDatePickerBorderBrushDisabled SolidColorBrush OnSurfaceLowBrush
CalendarDatePickerBorderBrushPointerOver SolidColorBrush OnSurfaceLowBrush
CalendarDatePickerBorderBrushPressed SolidColorBrush OnSurfaceLowBrush
CalendarDatePickerBorderThemeThickness Thickness 1
CalendarDatePickerBottomBorderBrush SolidColorBrush PrimaryBrush
CalendarDatePickerCalendarGlyphForeground SolidColorBrush OnSurfaceBrush
CalendarDatePickerCalendarGlyphForegroundDisabled SolidColorBrush OnSurfaceMediumBrush
CalendarDatePickerCalendarViewCornerRadius CornerRadius OverlayCornerRadius
CalendarDatePickerContentMargin Thickness 10,0,10,0
CalendarDatePickerCornerRadius CornerRadius ControlCornerRadius
CalendarDatePickerFlyoutPresenterCornerRadius CornerRadius OverlayCornerRadius
CalendarDatePickerFlyoutPresenterMargin Thickness 0
CalendarDatePickerFlyoutPresenterPadding Thickness 0
CalendarDatePickerForeground SolidColorBrush OnSurfaceBrush
CalendarDatePickerForegroundDisabled SolidColorBrush OnSurfaceMediumBrush
CalendarDatePickerHeaderForeground SolidColorBrush PrimaryBrush
CalendarDatePickerHeaderForegroundDisabled SolidColorBrush OnSurfaceMediumBrush
CalendarDatePickerHeaderStyle Style MaterialBodySmall
CalendarDatePickerHeight Double 53
CalendarDatePickerTextForeground SolidColorBrush OnSurfaceLowBrush
CalendarDatePickerTextForegroundDisabled SolidColorBrush OnSurfaceMediumBrush
CalendarDatePickerTextForegroundSelected SolidColorBrush OnSurfaceBrush
CalendarDatePickerTextStyle Style MaterialBodyMedium

The Dark theme uses the same values as Light.