nepali-datepicker-vue
Version:
A Vue 3 Nepali Datepicker with TypeScript Support
2 lines (1 loc) • 5.73 kB
CSS
.nepali-datepicker[data-v-920abd7e]{font-size:14px;font-family:inherit}.calendar-input-div[data-v-920abd7e]{position:relative}.calendar-input-div .calendar-input-icon[data-v-920abd7e]{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:16px;line-height:0;color:#00000080;vertical-align:middle;fill:currentColor;stroke:currentColor;cursor:pointer}.calendar-input-div .calendar-input[data-v-920abd7e]{height:24px;width:100%;z-index:inherit;border:1px solid #9e9e9e}.calendar-input[data-v-920abd7e]:focus-visible{outline:none;border-color:#717171}.calendar-input-contain-value:hover .calendar-icon[data-v-920abd7e]{display:none}.calendar-input-contain-value:hover .calendar-clear-input[data-v-920abd7e]{display:block}.calendar-clear-input[data-v-920abd7e]{display:none}.calendar[data-v-920abd7e]{font-size:14px;font-family:inherit;z-index:2001;position:absolute;width:248px;box-shadow:0 6px 12px #0000002d;background:#fff;visibility:hidden;padding:6px 12px;box-sizing:border-box;color:#73879c;border:1px solid #e8e8e8}.calendar>a[data-v-920abd7e]{color:#73879c}.calendar.show[data-v-920abd7e]{visibility:visible}.calendar__head[data-v-920abd7e]{display:flex;justify-content:space-between;padding:6.5px 0}.calendar__header_label[data-v-920abd7e]{display:flex;gap:5px}.calendar__header_label .calendar__header_selector[data-v-920abd7e]:hover{color:#1284e7;cursor:pointer}.calendar__day[data-v-920abd7e]{display:flex;justify-content:center;align-items:center;height:32px}.calendar__day_spacer[data-v-920abd7e]{display:flex;justify-content:center;align-items:center;height:32px;cursor:default}.calendar__weeks[data-v-920abd7e]{height:32px}.calendar__day.calendar__selected[data-v-920abd7e],.calendar__day.calendar__selected.calendar__today[data-v-920abd7e],.calendar_month.calendar__selected[data-v-920abd7e],.calendar__year.calendar__selected[data-v-920abd7e]{background-color:#1284e7;color:#fff}.calendar__disable_date[data-v-920abd7e]{cursor:not-allowed!important}.calendar__day.calendar__disable_date[data-v-920abd7e],.calendar__day.calendar__disable_date[data-v-920abd7e]:hover,.calendar__day.calendar__not_current_month.calendar__disable_date[data-v-920abd7e],.calendar__day.calendar__not_current_month.calendar__disable_date[data-v-920abd7e]:hover{background-color:#f3f3f3;color:#ccc}.calendar__day.calendar__not_current_month.calendar__disable_date[data-v-920abd7e]:hover{background-color:#fff;color:#ccc}.calendar__day.calendar__saturday[data-v-920abd7e]:not(.calendar__today):not(.calendar__selected){color:red}.calendar__day.calendar__not_current_month_saturday[data-v-920abd7e]:not(.calendar__today){color:#ff000081}.calendar__day.calendar__today[data-v-920abd7e]{color:#2a90e9}.calendar__day.calendar__not_current_month[data-v-920abd7e]{color:#ccc;background-color:#fff}.calendar__day[data-v-920abd7e]:hover,.calendar__year[data-v-920abd7e]:hover,.calendar_month[data-v-920abd7e]:hover{background-color:#f3f9fe;color:#73879c}.calendar__english_day[data-v-920abd7e]{font-size:8px;display:block;margin-bottom:-8px;margin-right:-3px;margin-left:2px}.calendar__weeks[data-v-920abd7e],.calendar__days[data-v-920abd7e]{display:grid;grid-template-columns:repeat(7,32px);align-items:center;text-align:center}.calendar__months[data-v-920abd7e]{display:grid;grid-template-columns:repeat(3,75px);align-items:center;text-align:center}.calendar__years[data-v-920abd7e]{display:grid;grid-template-columns:repeat(2,110px);align-items:center;text-align:center}.calendar_month[data-v-920abd7e],.calendar__year[data-v-920abd7e]{display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer}.calendar__year[data-v-920abd7e]{height:45px}.calendar_month[data-v-920abd7e]{height:56px}.calendar__days[data-v-920abd7e]{cursor:pointer}.calendar__container[data-v-920abd7e]{font-size:12px}.calendar__toggle_button[data-v-920abd7e]{border:none;background:#fff;cursor:pointer;padding:0 4px}.calendar-animation-enter-active[data-v-920abd7e],.calendar-animation-leave-active[data-v-920abd7e]{overflow:hidden;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.calendar-animation-enter-from[data-v-920abd7e],.calendar-animation-leave-to[data-v-920abd7e]{transform:scaleY(0);opacity:0}.calendar-animation-enter-to[data-v-920abd7e],.calendar-animation-leave-from[data-v-920abd7e]{transform:scaleY(1);opacity:1}.calendar-icon-left[data-v-920abd7e]:before,.calendar-icon-right[data-v-920abd7e]:before,.calendar-icon-double-left[data-v-920abd7e]:before,.calendar-icon-double-right[data-v-920abd7e]:before,.calendar-icon-double-left[data-v-920abd7e]:after,.calendar-icon-double-right[data-v-920abd7e]:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:#73879c;border-width:2px 0 0 2px;border-radius:1px;box-sizing:border-box;transform-origin:center;transform:rotate(-45deg) scale(.7)}.calendar-icon-left[data-v-920abd7e]:hover:before,.calendar-icon-right[data-v-920abd7e]:hover:before,.calendar-icon-double-left[data-v-920abd7e]:hover:before,.calendar-icon-double-right[data-v-920abd7e]:hover:before,.calendar-icon-double-left[data-v-920abd7e]:hover:after,.calendar-icon-double-right[data-v-920abd7e]:hover:after{border-color:#2a90e9}.calendar-icon-right[data-v-920abd7e]:before,.calendar-icon-double-right[data-v-920abd7e]:before,.calendar-icon-double-right[data-v-920abd7e]:after{transform:rotate(135deg) scale(.7)}.calendar-icon-double-left[data-v-920abd7e]:after{left:-4px}.calendar-icon-double-right[data-v-920abd7e]:before{right:-4px}