/*
    Downloaded mobiscroll at https://download.mobiscroll.com/
    Choose Components:
        - Calendar (used in Embla for datetimepicker)

    Choose Themes:
        - Mobiscroll

    Choose Icon Set:
        - None selected
*/

$datepicker-accent-color: $color-primary !default;
$datepicker-text-color: $text-color !default;
$datepicker-background-color: $color-white !default;

$datepicker-font-family: $font-family-base !default;

$datepicker-font-path: $base-fonts-path !default;

$datepicker-selected-border: 2px solid $datepicker-accent-color !default;
$datepicker-selected-text-color: $datepicker-text-color !default;

$datepicker-today-background-color: $color-gray-95 !default;

$datepicker-hover-background-color: $color-primary-hover !default;

/* Mobiscroll settings */
$mbsc-font-path: $datepicker-font-path !default;

$mbsc-ios-accent: $datepicker-accent-color !default;
$mbsc-material-accent: $datepicker-accent-color !default;
$mbsc-mobiscroll-accent: $datepicker-accent-color !default;

$mbsc-ios-text: $datepicker-text-color !default;
$mbsc-material-text: $datepicker-text-color !default;
$mbsc-mobiscroll-text: $datepicker-text-color !default;

$mbsc-ios-background: $datepicker-background-color !default;
$mbsc-material-background: $datepicker-background-color !default;
$mbsc-mobiscroll-background: $datepicker-background-color !default;