DatePicker Control

Styles

Style Key	Semantic Alias	IsDefaultStyle*
`MaterialDatePickerFlyoutPresenterStyle`	`DatePickerFlyoutPresenterStyle`	True
`MaterialDatePickerStyle`	`DatePickerStyle`	True
`MaterialDefaultDatePickerStyle`		True
`MaterialDefaultDatePickerFlyoutPresenterStyle`		True

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

Lightweight Styling

Themed

Key	Type	Light
`DatePickerButtonBackground`	`SolidColorBrush`	`SurfaceVariantBrush`
`DatePickerButtonBackgroundDisabled`	`SolidColorBrush`	`PrimaryFocusedBrush`
`DatePickerButtonBackgroundPointerOver`	`SolidColorBrush`	`SurfaceVariantBrush`
`DatePickerButtonBackgroundPressed`	`SolidColorBrush`	`SurfaceVariantBrush`
`DatePickerButtonBorderBrush`	`SolidColorBrush`	`PrimaryBrush`
`DatePickerButtonBorderBrushDisabled`	`SolidColorBrush`	`OnSurfaceLowBrush`
`DatePickerButtonBorderBrushPointerOver`	`SolidColorBrush`	`PrimaryBrush`
`DatePickerButtonBorderBrushPressed`	`SolidColorBrush`	`PrimaryBrush`
`DatePickerButtonBottomBorderHeight`	`Double`	2
`DatePickerButtonContentHeight`	`Double`	`IconSizeMedium`
`DatePickerButtonContentMargin`	`Thickness`	6,24,10,0
`DatePickerButtonDateTextForeground`	`SolidColorBrush`	`OnSurfaceVariantBrush`
`DatePickerButtonDateTextForegroundDisabled`	`SolidColorBrush`	`OnSurfaceLowBrush`
`DatePickerButtonDateTextForegroundPointerOver`	`SolidColorBrush`	`OnSurfaceVariantBrush`
`DatePickerButtonDateTextForegroundPressed`	`SolidColorBrush`	`OnSurfaceVariantBrush`
`DatePickerButtonForeground`	`SolidColorBrush`	`PrimaryBrush`
`DatePickerButtonForegroundDisabled`	`SolidColorBrush`	`OnSurfaceLowBrush`
`DatePickerButtonForegroundPointerOver`	`SolidColorBrush`	`PrimaryBrush`
`DatePickerButtonForegroundPressed`	`SolidColorBrush`	`PrimaryBrush`
`DatePickerButtonHeaderMargin`	`Thickness`	10,8,10,0
`DatePickerButtonPlaceholderMargin`	`Thickness`	4,0,0,0
`DatePickerCornerRadius`	`CornerRadius`	4,4,0,0
`DatePickerFlyoutBorderThickness`	`Double`	1
`DatePickerFlyoutButtonBackground`	`SolidColorBrush`	`SystemControlTransparentBrush`
`DatePickerFlyoutButtonOpacityDisabled`	`Double`	0.65
`DatePickerFlyoutButtonOpacityPressed`	`Double`	0.65
`DatePickerFlyoutButtonPadding`	`Thickness`	0
`DatePickerFlyoutElevation`	`Double`	8
`DatePickerFlyoutPresenterAcceptDismissHostGridHeight`	`Double`	41
`DatePickerFlyoutPresenterBackground`	`SolidColorBrush`	`SurfaceBrush`
`DatePickerFlyoutPresenterBorderBrush`	`SolidColorBrush`	`OnSurfaceFocusedBrush`
`DatePickerFlyoutPresenterCornerRadius`	`CornerRadius`	`OverlayCornerRadius`
`DatePickerFlyoutPresenterFontFamily`	`FontFamily`	`DefaultFontFamily`
`DatePickerFlyoutPresenterFontSize`	`Double`	`ControlContentThemeFontSize`
`DatePickerFlyoutPresenterHighlightFill`	`SolidColorBrush`	`PrimarySelectedBrush`
`DatePickerFlyoutPresenterHighlightHeight`	`Double`	`ControlHeightMedium`
`DatePickerFlyoutPresenterMaxHeight`	`Double`	398
`DatePickerFlyoutPresenterMinWidth`	`Double`	296
`DatePickerFlyoutPresenterSpacerFill`	`SolidColorBrush`	`OnSurfaceFocusedBrush`
`DatePickerFlyoutPresenterWidth`	`Double`	296
`DatePickerHeight`	`Double`	53
`DatePickerHostPadding`	`Thickness`	24,24,8,8
`DatePickerPlaceholderTextForeground`	`SolidColorBrush`	`OnSurfaceLowBrush`
`DatePickerSpacerThemeWidth`	`Double`	1

The Dark theme uses the same values as Light.