nepali-patro-datepicker-react/dist/index.css

Nepali Patro Datepicker as a ReactJS component

@import"https://fonts.googleapis.com/css2?family=Mulish:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.nepali-date-picker-container{font-family:Mulish,sans-serif;position:relative}.nepali-date-picker-button{border-radius:4px;border:1px solid black;outline:none;min-width:200px;min-height:28px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:#fff!important}.nepali-calendar{margin-top:5px;padding:5px;border:1px solid #ccc;display:block;position:absolute;background-color:#fff!important}.nepali-calendar-inner{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;cursor:pointer}.nepali-calendar-month{font-weight:700;border:1px solid #bdbdbd;cursor:pointer}.nepali-calendar-month-dropdown{font-weight:700;outline:none;border:none;padding:4px 2px;width:65px;text-align:center}.nepali-calendar-month select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;font-size:13px;color:#6b6b6b}.nepali-calendar-next-button,.nepali-calendar-prev-button{padding:0 4px;background-color:transparent;border:none;cursor:pointer}.nepali-calendar-week{font-weight:700;margin-bottom:5px;color:#6b6b6b}.prev-next-month-days{width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:#aaa;-webkit-user-select:none;user-select:none;cursor:default}.current-month-days{width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none}.nepali-calendar-render{display:grid;grid-template-columns:repeat(7,1fr);row-gap:8px;column-gap:1px;font-size:12px;text-align:center;margin-bottom:4px}