juliya
6/19/2019 - 9:25 PM

datepicker

.datepicker {
    z-index: 1051;
    border: 1px solid #cdcdcd;
    .border-radius(0);
    font-family: @font;
    font-size: 14px;
    color: @text-color;
    .box-shadow-none();
}
.datepicker--pointer {
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}
.datepicker--nav {
    border-bottom: 1px solid #cdcdcd;
}
.datepicker--nav-action {
    .border-radius(50%);
}
.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: @bg-color-dark;
}
.datepicker--day-name {
    color: @accent-color-dark;
}
.datepicker--cell {
    .border-radius(50%);
    &.-focus- {
        background: @bg-color-dark;
    }
}
.datepicker--cell.-current- {
    color: @accent-color-medium;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #fff;
    background: @accent-color-medium;
}
.datepicker--cell.-selected-.-focus- {
    background: @accent-color;
}

                                    <input id="catalog-date"
                                           class="form-control datepicker-here"
                                           type="text"
                                           name="catalog-date"
                                           placeholder="Дата">

        var datepicker = $('.datepicker-here').datepicker().data('datepicker');
        datepicker.update({
            position: "bottom left"
        })