UNPKG

datepick

Version:

Date Picker Calendar

github.com/viaeoo/datepick

viaeoo/datepick

14 lines (12 loc) • 4.25 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*! * * datepick v0.0.3 * https://github.com/viaeoo/datepick * * Copyright (c) viaeoo * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * */ .datepick *{-webkit-box-sizing:border-box;box-sizing:border-box}.datepick-btn{padding:0;outline:0;border:0;background-color:transparent}.datepick-btn:hover,.datepick-btn:active,.datepick-btn:focus{outline:0;text-decoration:none}.datepick-btn:hover{cursor:pointer}.datepick-header{position:relative;text-align:center}.datepick-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.datepick-controls-title{-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin:0;font-size:16px}.datepick-controls .datepick-btn{width:40px;height:40px}.datepick-view{overflow:hidden;height:300px}.datepick-view.loading{position:relative}.datepick-view.loading .datepick-grid{visibility:hidden}.datepick-view.loading::after{content:'';position:absolute;top:50px;left:50%;-webkit-animation:loading 500ms infinite linear;animation:loading 500ms infinite linear;border:1px solid #000;border-right-color:transparent;border-radius:50%;width:15px;height:15px}.datepick-week{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;z-index:1}.datepick-week .dow{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.datepick-grid{font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:100px}.datepick-cell{display:inline-block;vertical-align:top;width:14.28571%;font-size:14px;line-height:20px;padding:10px 0;height:40px;text-align:center}.datepick-cell:hover{cursor:pointer}.datepick-cell.selected{background-color:#f6f6f6}.datepick-cell.prev,.datepick-cell.next{color:#999}.datepick-cell.highlighted{background-color:#f1f1f1}.datepick-cell.today{background-color:red;color:#fff}.datepick-cell.range-start{background-color:#f6f6f6}.datepick-cell.range-end{background-color:#f6f6f6}.datepick-cell.range{background-color:#f9f9f9}.datepick-cell.disabled,.datepick-cell.hide{cursor:default;background-color:transparent}.datepick-cell.disabled{color:#ddd}.datepick-cell.hide{visibility:hidden;padding:0}.datepick.swipe.horizon .datepick-days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.datepick.swipe.horizon .datepick-grid{width:100%;-ms-flex-negative:0;flex-shrink:0}.datepick.swipe.vertical .datepick-days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:240px}.datepick.swipe.vertical .datepick-grid{width:100%;-ms-flex-negative:0;flex-shrink:0}.datepick.fade .datepick-days{position:relative;height:240px}.datepick.fade .datepick-grid{position:absolute;top:0;left:0;width:100%;z-index:1;opacity:0}.datepick.fade .datepick-grid.active{z-index:2;opacity:1}.datepick:not(.fade):not(.swipe).horizon .datepick-days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.datepick:not(.fade):not(.swipe).horizon .datepick-grid{-ms-flex-negative:0;flex-shrink:0;width:100%}.datepick:not(.fade):not(.swipe).vertical .datepick-days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:240px}.datepick:not(.fade):not(.swipe).vertical .datepick-grid{-ms-flex-negative:0;flex-shrink:0;width:100%}@-webkit-keyframes loading{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}@keyframes loading{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}