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
Last Updated: 8/29/2021, 11:37:18 AM