react-date-field/index.css

React DateField

.react-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.react-flex-inline{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.react-flex-align-items-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.react-flex-align-items-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.react-flex-align-items-end,.react-flex-align-items-flex-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.react-flex-align-items-flex-start,.react-flex-align-items-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.react-flex-align-content-center{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.react-flex-align-content-stretch{-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.react-flex-align-content-around,.react-flex-align-content-space-around{-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around}.react-flex-align-content-between,.react-flex-align-content-space-between{-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.react-flex-align-content-end,.react-flex-align-content-flex-end{-webkit-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.react-flex-align-content-flex-start,.react-flex-align-content-start{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.react-flex-justify-content-flex-start,.react-flex-justify-content-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.react-flex-justify-content-end,.react-flex-justify-content-flex-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.react-flex-justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.react-flex-justify-content-space-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.react-flex-justify-content-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.react-flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.react-flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.react-flex-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.react-flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.react-flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.react-flex--flex-basis-auto,.react-flex-item--flex-basis-auto{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}.react-flex--flex-basis-0,.react-flex--flex-basis-none,.react-flex-item--flex-basis-0,.react-flex-item--flex-basis-none{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px}.react-flex--flex-basis-fill,.react-flex-item--flex-basis-fill{-webkit-flex-basis:fill;-ms-flex-preferred-size:fill;flex-basis:fill}.react-flex--flex-basis-content,.react-flex-item--flex-basis-content{-webkit-flex-basis:content;-ms-flex-preferred-size:content;flex-basis:content}.react-flex--flex-basis-fit-content,.react-flex-item--flex-basis-fit-content{-webkit-flex-basis:fit-content;-ms-flex-preferred-size:fit-content;flex-basis:fit-content}.react-flex--flex-basis-min-content,.react-flex-item--flex-basis-min-content{-webkit-flex-basis:min-content;-ms-flex-preferred-size:min-content;flex-basis:min-content}.react-flex--flex-basis-max-content,.react-flex-item--flex-basis-max-content{-webkit-flex-basis:max-content;-ms-flex-preferred-size:max-content;flex-basis:max-content}.react-flex--flex-0,.react-flex--flex-none,.react-flex-item--flex-0,.react-flex-item--flex-none{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.react-flex--flex-1,.react-flex-item--flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.react-flex--flex-2,.react-flex-item--flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.react-flex--flex-3,.react-flex-item--flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3}.react-flex--flex-4,.react-flex-item--flex-4{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4}.react-flex--flex-5,.react-flex-item--flex-5{-webkit-box-flex:5;-webkit-flex:5;-ms-flex:5;flex:5}.react-flex--flex-6,.react-flex-item--flex-6{-webkit-box-flex:6;-webkit-flex:6;-ms-flex:6;flex:6}.react-flex--flex-7,.react-flex-item--flex-7{-webkit-box-flex:7;-webkit-flex:7;-ms-flex:7;flex:7}.react-flex--flex-8,.react-flex-item--flex-8{-webkit-box-flex:8;-webkit-flex:8;-ms-flex:8;flex:8}.react-flex--flex-9,.react-flex-item--flex-9{-webkit-box-flex:9;-webkit-flex:9;-ms-flex:9;flex:9}.react-flex--flex-10,.react-flex-item--flex-10{-webkit-box-flex:10;-webkit-flex:10;-ms-flex:10;flex:10}.react-flex--flex-11,.react-flex-item--flex-11{-webkit-box-flex:11;-webkit-flex:11;-ms-flex:11;flex:11}.react-flex--flex-12,.react-flex-item--flex-12{-webkit-box-flex:12;-webkit-flex:12;-ms-flex:12;flex:12}.react-flex--flex-13,.react-flex-item--flex-13{-webkit-box-flex:13;-webkit-flex:13;-ms-flex:13;flex:13}.react-flex--flex-14,.react-flex-item--flex-14{-webkit-box-flex:14;-webkit-flex:14;-ms-flex:14;flex:14}.react-flex--flex-15,.react-flex-item--flex-15{-webkit-box-flex:15;-webkit-flex:15;-ms-flex:15;flex:15}.react-flex--flex-16,.react-flex-item--flex-16{-webkit-box-flex:16;-webkit-flex:16;-ms-flex:16;flex:16}.react-flex--flex-17,.react-flex-item--flex-17{-webkit-box-flex:17;-webkit-flex:17;-ms-flex:17;flex:17}.react-flex--flex-18,.react-flex-item--flex-18{-webkit-box-flex:18;-webkit-flex:18;-ms-flex:18;flex:18}.react-flex--flex-19,.react-flex-item--flex-19{-webkit-box-flex:19;-webkit-flex:19;-ms-flex:19;flex:19}.react-flex--flex-20,.react-flex-item--flex-20{-webkit-box-flex:20;-webkit-flex:20;-ms-flex:20;flex:20}.react-flex--flex-21,.react-flex-item--flex-21{-webkit-box-flex:21;-webkit-flex:21;-ms-flex:21;flex:21}.react-flex--flex-22,.react-flex-item--flex-22{-webkit-box-flex:22;-webkit-flex:22;-ms-flex:22;flex:22}.react-flex--flex-23,.react-flex-item--flex-23{-webkit-box-flex:23;-webkit-flex:23;-ms-flex:23;flex:23}.react-flex--flex-24,.react-flex-item--flex-24{-webkit-box-flex:24;-webkit-flex:24;-ms-flex:24;flex:24}.react-flex--flex-grow-1,.react-flex-item--flex-grow-1{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.react-flex--flex-grow-2,.react-flex-item--flex-grow-2{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2}.react-flex--flex-grow-3,.react-flex-item--flex-grow-3{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3}.react-flex--flex-grow-4,.react-flex-item--flex-grow-4{-webkit-box-flex:4;-webkit-flex-grow:4;-ms-flex-positive:4;flex-grow:4}.react-flex--flex-grow-5,.react-flex-item--flex-grow-5{-webkit-box-flex:5;-webkit-flex-grow:5;-ms-flex-positive:5;flex-grow:5}.react-flex--flex-grow-6,.react-flex-item--flex-grow-6{-webkit-box-flex:6;-webkit-flex-grow:6;-ms-flex-positive:6;flex-grow:6}.react-flex--flex-grow-7,.react-flex-item--flex-grow-7{-webkit-box-flex:7;-webkit-flex-grow:7;-ms-flex-positive:7;flex-grow:7}.react-flex--flex-grow-8,.react-flex-item--flex-grow-8{-webkit-box-flex:8;-webkit-flex-grow:8;-ms-flex-positive:8;flex-grow:8}.react-flex--flex-grow-9,.react-flex-item--flex-grow-9{-webkit-box-flex:9;-webkit-flex-grow:9;-ms-flex-positive:9;flex-grow:9}.react-flex--flex-grow-10,.react-flex-item--flex-grow-10{-webkit-box-flex:10;-webkit-flex-grow:10;-ms-flex-positive:10;flex-grow:10}.react-flex--flex-grow-11,.react-flex-item--flex-grow-11{-webkit-box-flex:11;-webkit-flex-grow:11;-ms-flex-positive:11;flex-grow:11}.react-flex--flex-grow-12,.react-flex-item--flex-grow-12{-webkit-box-flex:12;-webkit-flex-grow:12;-ms-flex-positive:12;flex-grow:12}.react-flex--flex-grow-13,.react-flex-item--flex-grow-13{-webkit-box-flex:13;-webkit-flex-grow:13;-ms-flex-positive:13;flex-grow:13}.react-flex--flex-grow-14,.react-flex-item--flex-grow-14{-webkit-box-flex:14;-webkit-flex-grow:14;-ms-flex-positive:14;flex-grow:14}.react-flex--flex-grow-15,.react-flex-item--flex-grow-15{-webkit-box-flex:15;-webkit-flex-grow:15;-ms-flex-positive:15;flex-grow:15}.react-flex--flex-grow-16,.react-flex-item--flex-grow-16{-webkit-box-flex:16;-webkit-flex-grow:16;-ms-flex-positive:16;flex-grow:16}.react-flex--flex-grow-17,.react-flex-item--flex-grow-17{-webkit-box-flex:17;-webkit-flex-grow:17;-ms-flex-positive:17;flex-grow:17}.react-flex--flex-grow-18,.react-flex-item--flex-grow-18{-webkit-box-flex:18;-webkit-flex-grow:18;-ms-flex-positive:18;flex-grow:18}.react-flex--flex-grow-19,.react-flex-item--flex-grow-19{-webkit-box-flex:19;-webkit-flex-grow:19;-ms-flex-positive:19;flex-grow:19}.react-flex--flex-grow-20,.react-flex-item--flex-grow-20{-webkit-box-flex:20;-webkit-flex-grow:20;-ms-flex-positive:20;flex-grow:20}.react-flex--flex-grow-21,.react-flex-item--flex-grow-21{-webkit-box-flex:21;-webkit-flex-grow:21;-ms-flex-positive:21;flex-grow:21}.react-flex--flex-grow-22,.react-flex-item--flex-grow-22{-webkit-box-flex:22;-webkit-flex-grow:22;-ms-flex-positive:22;flex-grow:22}.react-flex--flex-grow-23,.react-flex-item--flex-grow-23{-webkit-box-flex:23;-webkit-flex-grow:23;-ms-flex-positive:23;flex-grow:23}.react-flex--flex-grow-24,.react-flex-item--flex-grow-24{-webkit-box-flex:24;-webkit-flex-grow:24;-ms-flex-positive:24;flex-grow:24}.react-flex--flex-shrink-1,.react-flex-item--flex-shrink-1{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.react-flex--flex-shrink-2,.react-flex-item--flex-shrink-2{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}.react-flex--flex-shrink-3,.react-flex-item--flex-shrink-3{-webkit-flex-shrink:3;-ms-flex-negative:3;flex-shrink:3}.react-flex--flex-shrink-4,.react-flex-item--flex-shrink-4{-webkit-flex-shrink:4;-ms-flex-negative:4;flex-shrink:4}.react-flex--flex-shrink-5,.react-flex-item--flex-shrink-5{-webkit-flex-shrink:5;-ms-flex-negative:5;flex-shrink:5}.react-flex--flex-shrink-6,.react-flex-item--flex-shrink-6{-webkit-flex-shrink:6;-ms-flex-negative:6;flex-shrink:6}.react-flex--flex-shrink-7,.react-flex-item--flex-shrink-7{-webkit-flex-shrink:7;-ms-flex-negative:7;flex-shrink:7}.react-flex--flex-shrink-8,.react-flex-item--flex-shrink-8{-webkit-flex-shrink:8;-ms-flex-negative:8;flex-shrink:8}.react-flex--flex-shrink-9,.react-flex-item--flex-shrink-9{-webkit-flex-shrink:9;-ms-flex-negative:9;flex-shrink:9}.react-flex--flex-shrink-10,.react-flex-item--flex-shrink-10{-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.react-flex--flex-shrink-11,.react-flex-item--flex-shrink-11{-webkit-flex-shrink:11;-ms-flex-negative:11;flex-shrink:11}.react-flex--flex-shrink-12,.react-flex-item--flex-shrink-12{-webkit-flex-shrink:12;-ms-flex-negative:12;flex-shrink:12}.react-flex--flex-shrink-13,.react-flex-item--flex-shrink-13{-webkit-flex-shrink:13;-ms-flex-negative:13;flex-shrink:13}.react-flex--flex-shrink-14,.react-flex-item--flex-shrink-14{-webkit-flex-shrink:14;-ms-flex-negative:14;flex-shrink:14}.react-flex--flex-shrink-15,.react-flex-item--flex-shrink-15{-webkit-flex-shrink:15;-ms-flex-negative:15;flex-shrink:15}.react-flex--flex-shrink-16,.react-flex-item--flex-shrink-16{-webkit-flex-shrink:16;-ms-flex-negative:16;flex-shrink:16}.react-flex--flex-shrink-17,.react-flex-item--flex-shrink-17{-webkit-flex-shrink:17;-ms-flex-negative:17;flex-shrink:17}.react-flex--flex-shrink-18,.react-flex-item--flex-shrink-18{-webkit-flex-shrink:18;-ms-flex-negative:18;flex-shrink:18}.react-flex--flex-shrink-19,.react-flex-item--flex-shrink-19{-webkit-flex-shrink:19;-ms-flex-negative:19;flex-shrink:19}.react-flex--flex-shrink-20,.react-flex-item--flex-shrink-20{-webkit-flex-shrink:20;-ms-flex-negative:20;flex-shrink:20}.react-flex--flex-shrink-21,.react-flex-item--flex-shrink-21{-webkit-flex-shrink:21;-ms-flex-negative:21;flex-shrink:21}.react-flex--flex-shrink-22,.react-flex-item--flex-shrink-22{-webkit-flex-shrink:22;-ms-flex-negative:22;flex-shrink:22}.react-flex--flex-shrink-23,.react-flex-item--flex-shrink-23{-webkit-flex-shrink:23;-ms-flex-negative:23;flex-shrink:23}.react-flex--flex-shrink-24,.react-flex-item--flex-shrink-24{-webkit-flex-shrink:24;-ms-flex-negative:24;flex-shrink:24}.react-date-field{border:1px solid gray;position:relative;overflow:visible}.react-date-field,.react-date-field *{box-sizing:border-box}.react-date-field .date-picker{width:100%;min-width:250px;min-height:280px;position:absolute;left:-1px;top:100%}.react-date-field__input{padding:5px;border:none;outline:none}.react-date-field__calendar-icon{border:3px solid gray;padding:5px;margin:2px 4px 2px 2px;position:relative;top:1px;cursor:pointer}.react-date-field__clear-icon{color:gray;margin:0 2px;cursor:pointer}.react-date-field__clear-icon:hover{color:#4d4d4d}.react-date-field__calendar-icon:hover{border-color:#4d4d4d}.react-date-field__calendar-icon:hover .react-date-field__calendar-icon-inner,.react-date-field__calendar-icon:hover:after,.react-date-field__calendar-icon:hover:before{background:#4d4d4d}.react-date-field__calendar-icon:after,.react-date-field__calendar-icon:before{content:'';width:3px;height:6px;left:1px;top:-6px;position:absolute;background:gray}.react-date-field__calendar-icon:after{left:auto;right:0}.react-date-field__calendar-icon-inner{background:gray;position:absolute;top:2px;left:2px;width:3px;height:3px}