jquery-grid/css/datepicker.min.css

jQuery Grid by Gijgo.com is a plug-in for the jQuery Javascript library. It is a very fast and extandable datagrid, and will add advanced interaction controls to any HTML table. This plugin has build-in integration with Bootstrap and Material Design. Free

.gj-datepicker [role=input]::-ms-clear{display:none}.gj-datepicker [role=right-icon]{cursor:pointer}.gj-picker div[role=navigator]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.gj-picker div[role=navigator] div{cursor:pointer;position:relative;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.gj-datepicker-md{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;color:rgba(0,0,0,.87);position:relative}.gj-datepicker-md [role=right-icon]{position:absolute;right:0;top:0;font-size:24px}.gj-datepicker-md.small .gj-textbox-md{font-size:14px}.gj-datepicker-md.small .gj-icon{font-size:22px}.gj-datepicker-md.large .gj-textbox-md{font-size:18px}.gj-datepicker-md.large .gj-icon{font-size:28px}.gj-picker-md.datepicker [role=header]{padding:20px;display:block}.gj-picker-md.datepicker [role=header] [role=year]{font-size:17px;padding-bottom:5px;cursor:pointer}.gj-picker-md.datepicker [role=header] [role=date]{font-size:36px;cursor:pointer}.gj-picker-md div[role=navigator]{height:42px;line-height:42px}.gj-picker div[role=navigator] div[role=period]{width:100%;text-align:center;font-weight:700;font-size:15px}.gj-picker-md div[role=navigator] div:first-child,.gj-picker-md div[role=navigator] div:last-child{max-width:42px}.gj-picker-md div[role=navigator] div i.gj-icon,.gj-picker-md div[role=navigator] div i.material-icons{position:absolute;top:8px}.gj-picker-md div[role=navigator] div:first-child i.gj-icon,.gj-picker-md div[role=navigator] div:first-child i.material-icons{left:10px}.gj-picker-md div[role=navigator] div:last-child i.gj-icon,.gj-picker-md div[role=navigator] div:last-child i.material-icons{right:11px}.gj-picker-md table thead{color:#9E9E9E}.gj-picker-md table tr td div,.gj-picker-md table tr th div{display:block;width:40px;height:40px;line-height:40px;font-size:13px;text-align:center;vertical-align:middle}[type=decade].gj-picker-md table tr td div,[type=century].gj-picker-md table tr td div,[type=year].gj-picker-md table tr td div{width:73px;height:73px;line-height:73px;cursor:pointer}.gj-picker-md table tr td.gj-cursor-pointer div:hover{background:#EEE;border-radius:50%;color:rgba(0,0,0,.87)}.gj-picker-md table tr td.disabled div,.gj-picker-md table tr td.other-month div{color:#BDBDBD}.gj-picker-md table tr td.focused div{background:#E0E0E0;border-radius:50%}.gj-picker-md table tr td.today div{color:#1976D2}.gj-picker-md table tr td.selected.gj-cursor-pointer div{color:#FFF;background:#1976D2;border-radius:50%}.gj-picker-md table tr td.calendar-week div{font-weight:700}.gj-datepicker-bootstrap :active,.gj-datepicker-bootstrap :focus{box-shadow:none}.gj-picker-bootstrap{border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:4px}.gj-modal .gj-picker-bootstrap{padding:0}.gj-picker-bootstrap.datepicker [role=header]{padding:10px 20px;display:block}.gj-picker-bootstrap.datepicker [role=header] [role=year]{font-size:15px;cursor:pointer}.gj-picker-bootstrap [role=header] [role=date]{font-size:24px;cursor:pointer}.gj-modal .gj-picker-bootstrap.datepicker [role=body]{padding:15px}.gj-picker-bootstrap div[role=navigator]{height:30px;line-height:30px;text-align:center}.gj-picker-bootstrap div[role=navigator] div:first-child,.gj-picker-bootstrap div[role=navigator] div:last-child{max-width:30px}.gj-picker-bootstrap table tr td div,.gj-picker-bootstrap table tr th div{display:block;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:middle}[type=decade].gj-picker-bootstrap table tr td div,[type=century].gj-picker-bootstrap table tr td div,[type=year].gj-picker-bootstrap table tr td div{width:53px;height:53px;line-height:53px;cursor:pointer}.gj-picker-bootstrap table tr th div i,.gj-picker-bootstrap table tr th div span{line-height:30px}.gj-picker-bootstrap div[role=navigator] .gj-icon,.gj-picker-bootstrap div[role=navigator] .material-icons{margin:3px}.gj-picker-bootstrap table tr td.focused div,.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover{background:#EEE;border-radius:4px;color:#212529}.gj-picker-bootstrap table tr td.today div{color:#204d74;font-weight:700}.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{color:#fff;background-color:#204d74;border-color:#122b40;border-radius:4px}.gj-picker-bootstrap table tr td.disabled div,.gj-picker-bootstrap table tr td.other-month div{color:#777}.gj-datepicker-bootstrap span[role=right-icon].input-group-addon{border-left:0;position:relative;border-radius:0 4px 4px 0}.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .gj-icon,.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .material-icons{position:absolute;top:7px;left:7px}.gj-datepicker-bootstrap [role=right-icon] button{width:38px;position:relative;border:1px solid #ced4da}.gj-datepicker-bootstrap [role=right-icon] button:hover{color:#6c757d;background-color:transparent}.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button{width:30px}.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button{width:48px}.gj-datepicker-bootstrap [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap [role=right-icon] button .material-icons{position:absolute;font-size:21px;top:9px;left:9px}.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons{top:6px;left:6px;font-size:19px}.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons{font-size:27px;top:10px;left:10px}