SCSS
To override some properties you can import the scss file and modify the default properties
@import 'vue3-date-time-picker/src/Vue3DatePicker/styles/main.scss';
1
Available properties are
Default Font family of the date picker
- $dp__font_family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !default
Default border radius, apples to the radius of the input, menu, elements in the menu
- $dp__border_radius:
4px !default
Default cell padding in the menu, changing this value will affect size of the date picker
- $dp__cell_padding:
5px !default
Default radius for the cells in the calendar, inherited from the default border radius
- $dp_cell_border_radius:
$dp__border_radius !default