/* DatePickerの土曜と日曜の色を変える */
.class-sunday > .ui-state-default {
    background: #FFCCCC !important;
    color: red !important;
}

.class-saturday > .ui-state-default {
    background: #CCCCFF !important;
    color: blue !important;
}

/* DatePicker 月変更ボタン→のデザイン */
.ui-icon-circle-triangle-e {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid #6a64B3;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

/* DatePicker 月変更ボタン←のデザイン */
.ui-icon-circle-triangle-w {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-right: 7px solid #6a64B3;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

/* DatePicker全体 */
.ui-datepicker {
    z-index: 1100 !important;
}

/* DatePicker Doneボタン非表示 */
.ui-datepicker-close {
    display: none;
}

/* DatePicker Todayボタンの透明度指定 */
.ui-datepicker-current {
    opacity: 1 !important;
}

/* カレンダーのテキストボックスの幅を指定 */
.cal-textbox {
    min-width: 100px !important;
    max-width: 100px !important;
}

/* カレンダーのポップアップを表示しない */
.disable-calendar + .ui-datepicker-trigger {
    pointer-events: none;
}