Appearance
The DateTimePicker provides a predefined set of appearance options.
Apart from the default vision of the DateTimePicker, these alternative styling options enable you to configure each individual aspect of the appearance of a DateTimePicker.
The following example demonstrates all the available appearance options of the DateTimePicker in a single, configurable demo.
Size
You can set the size of the DateTimePicker through the size property. The DateTimePicker component comes in three different sizes: small, medium (default), and large.
Fill Mode
You can set the fill mode of the DateTimePicker through the fillMode property. The DateTimePicker provides three different fill mode options: solid (default), outline, and flat.
Rounded
You can set the roundness of the DateTimePicker through the rounded property. The DateTimePicker component supports five different degrees of roundness: small, medium (default), large, full, and none.