@manojshrestha/nepali-date/dist/DatePicker.css

Lightweight TypeScript library for Nepali date conversion and date-picking

.nepali-date-picker{--primary-color:#4a90e2;--hover-color:#5a9ee5;--background-color:#fff;--text-color:#333;--border-color:#e0e0e0;--disabled-color:#f5f5f5;--disabled-text:#aaa;--selected-text:#fff;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.375rem;box-shadow:0 2px 5px rgba(0,0,0,.1);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:1rem;width:300px}.nepali-date-picker.theme-dark{--primary-color:#5a9ee5;--hover-color:#6aaeef;--background-color:#2d3748;--text-color:#f7fafc;--border-color:#4a5568;--disabled-color:#4a5568;--disabled-text:#718096;--selected-text:#fff}.nepali-date-picker .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.nepali-date-picker .next-month,.nepali-date-picker .prev-month{background:none;border:none;border-radius:.25rem;color:var(--text-color);cursor:pointer;font-size:1.2rem;padding:.25rem .5rem}.nepali-date-picker .next-month:hover,.nepali-date-picker .prev-month:hover{background-color:var(--hover-color);color:var(--selected-text)}.nepali-date-picker .month-year{font-size:1rem;font-weight:600}.nepali-date-picker .calendar-mode-toggle{border:1px solid var(--border-color);border-radius:.25rem;display:flex;margin-bottom:1rem;overflow:hidden}.nepali-date-picker .calendar-mode-toggle button{background:none;border:none;cursor:pointer;flex:1;padding:.5rem}.nepali-date-picker .calendar-mode-toggle button.active{background-color:var(--primary-color);color:var(--selected-text)}.nepali-date-picker .weekdays{display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.nepali-date-picker .weekday{font-size:.8rem;font-weight:600;padding:.5rem 0;text-align:center}.nepali-date-picker .days{display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}.nepali-date-picker .day{border-radius:.25rem;cursor:pointer;font-size:.9rem;padding:.5rem 0;text-align:center}.nepali-date-picker .day:hover:not(.empty):not(.disabled){background-color:var(--hover-color);color:var(--selected-text)}.nepali-date-picker .day.empty{cursor:default}.nepali-date-picker .day.disabled{background-color:var(--disabled-color);color:var(--disabled-text);cursor:not-allowed}.nepali-date-picker .day.selected{background-color:var(--primary-color);color:var(--selected-text)}.nepali-date-picker .selected-date-display{border-top:1px solid var(--border-color);font-size:.875rem;margin-top:1rem;padding-top:1rem}.nepali-date-picker .ad-date,.nepali-date-picker .bs-date{margin:.25rem 0}