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 datepicker

  • $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 the size of the datepicker

  • $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: 9/25/2021, 5:20:28 PM