//
// Component: Datepicker
//
// ========================================================================


// Variables
// ========================================================================

@datepicker-nav-margin-bottom:                  @global-margin;
@datepicker-nav-color:                          @global-color;
@datepicker-nav-hover-color:                    @global-highlight-color;

@datepicker-table-color:                        @global-color;

@datepicker-table-hover-background:             fade(@global-primary-background, 50%);
@datepicker-table-hover-color:                  @global-contrast-color;
@datepicker-table-onclick-background:           @global-primary-background;
@datepicker-table-onclick-color:                @global-contrast-color;

@datepicker-table-active-background:            @global-primary-background;
@datepicker-table-active-color:                 @global-contrast-color;

@datepicker-table-muted-color:                  @global-muted-color;


// Component
// ========================================================================

.hook-datepicker-nav() {}

.hook-datepicker-nav-item() {}

.hook-datepicker-table-item() {
    border-radius: @global-border-radius;
    text-align: center;
}

.hook-datepicker-table-item-hover() {}

.hook-datepicker-table-item-onclick() {}

.hook-datepicker-table-item-active() {}


// Miscellaneous
// ========================================================================

.hook-datepicker-misc() {}