@use "../calendar/_variables.scss" as *;

// DateTime

$kendo-datetime-default-size: "md" !default;

$kendo-datetime-width: calc( calc( #{$kendo-calendar-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;

$kendo-datetime-sm-width: calc( calc( #{$kendo-calendar-sm-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;
$kendo-datetime-md-width: $kendo-datetime-width !default;
$kendo-datetime-lg-width: calc( calc( #{$kendo-calendar-lg-cell-size} * 8 ) + calc( #{$kendo-infinite-calendar-view-padding-x} * 2 )) !default;

@forward "@progress/kendo-theme-core/scss/components/datetimepicker/_variables.scss" with (
    $kendo-datetime-width: $kendo-datetime-width,
    $kendo-datetime-sm-width: $kendo-datetime-sm-width,
    $kendo-datetime-md-width: $kendo-datetime-md-width,
    $kendo-datetime-lg-width: $kendo-datetime-lg-width,
    $kendo-datetime-default-size: $kendo-datetime-default-size
);