vue3-nepali-date-picker/dist/style.css

A Nepali Date Picker for Vue 3

.date-picker-wrapper[data-v-de0eba21]{display:flex;align-items:center;gap:5px}.clear-btn[data-v-de0eba21]{padding:5px 10px;border:1px solid #ddd;background:#f8f8f8;border-radius:4px;cursor:pointer;transition:background .3s ease}.clear-btn[data-v-de0eba21]:hover{background:#e0e0e0}.calendar-wrapper[data-v-de0eba21]{width:300px;padding:10px;border:1px solid #ddd;background:white;box-shadow:0 4px 6px #0000001a;border-radius:8px;z-index:1000;position:absolute}.header[data-v-de0eba21]{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #eee}.nav-btn[data-v-de0eba21],.home-btn[data-v-de0eba21]{padding:5px 10px;border:1px solid #ddd;background:#f8f8f8;cursor:pointer;border-radius:4px;transition:background .3s ease}.nav-btn[data-v-de0eba21]:hover,.home-btn[data-v-de0eba21]:hover{background:#e0e0e0}.month-year[data-v-de0eba21]{display:flex;gap:5px}.dropdown[data-v-de0eba21]{padding:5px;border:1px solid #ddd;border-radius:4px;font-size:14px;max-height:150px;overflow-y:auto;cursor:pointer;line-height:19px}.weekdays[data-v-de0eba21],.days[data-v-de0eba21]{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-top:8px}.weekdays[data-v-de0eba21]{font-weight:700;padding-bottom:5px;border-bottom:1px solid #eee}.days div[data-v-de0eba21]{padding:8px;cursor:pointer;border-radius:4px;transition:background .3s ease,color .3s ease}.days div[data-v-de0eba21]:hover{background:#e0f7fa}.days div.today[data-v-de0eba21]{font-weight:700;border:1px solid #4caf50}.days div.disabled[data-v-de0eba21]{color:#bbb;cursor:not-allowed}.selected[data-v-de0eba21]{background:#4caf50;color:#fff;border-radius:50%}input[data-v-de0eba21]:focus{outline:none;border:1px solid #4caf50;box-shadow:0 0 3px #4caf50cc}.blank[data-v-de0eba21]{background:none;cursor:default}.label[data-v-de0eba21]{display:block;margin-bottom:4px;color:#333;font-size:14px;font-weight:700}@media screen and (max-width: 400px){.calendar-wrapper[data-v-de0eba21]{width:100%}.header[data-v-de0eba21]{flex-wrap:wrap}.month-year[data-v-de0eba21]{flex-direction:column}}