react-minimal-datetime-range
Version:
A react component for date time range picker.
1 lines • 19.6 kB
Source Map (JSON)
{"version":3,"file":"react-minimal-datetime-range.min.css","mappings":"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","sources":["webpack://react-minimal-datetime-range/./src/js/component/react-minimal-datetime-range.css"],"sourcesContent":[":root {\n --item-width: 25px;\n --item-height: 25px;\n}\n\n.react-minimal-datetime-range-calendar--range {\n display: inline-block;\n vertical-align: top;\n}\n\n.react-minimal-datetime-range {\n opacity: 0;\n position: relative;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1), 0 0 4px 0 rgba(0, 0, 0, 0.08);\n display: inline-block;\n transition: all 0.3s;\n transform: translateY(-1em) perspective(600px) rotateX(10deg);\n padding: 20px;\n background-color: #fff;\n}\n\n.react-minimal-datetime-range.visible {\n z-index: 1;\n opacity: 1;\n transform: translateY(0) perspective(600px) rotateX(0);\n}\n\n.react-minimal-datetime-range__calendar {\n display: inline-block;\n vertical-align: top;\n margin-bottom: 40px;\n position: relative;\n}\n\n.react-minimal-datetime-range__calendar:before {\n content: '';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n\n.react-minimal-datetime-range__calendar {\n}\n\n.react-minimal-datetime-range__close {\n cursor: pointer;\n position: absolute;\n top: 10px;\n right: 10px;\n color: #adb5bd;\n}\n\n.react-minimal-datetime-range__clear.disabled {\n cursor: not-allowed;\n}\n\n.react-minimal-datetime-range__clear {\n cursor: pointer;\n position: absolute;\n right: 2%;\n top: 50%;\n transform: translateY(-50%);\n color: #adb5bd;\n}\n\n@media only screen and (max-width: 900px) {\n .react-minimal-datetime-range-calendar--range {\n display: block;\n }\n .react-minimal-datetime-date-piker__divider {\n display: block;\n }\n}\n\n/* dropdown section */\n\n.react-minimal-datetime-range-dropdown {\n position: relative;\n}\n\n.react-minimal-datetime-range-dropdown.visible .react-minimal-datetime-range-dropdown-calendar__menu {\n transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);\n transform: translate(-50%, 0) scale(1, 1) \\9;\n opacity: 1;\n padding: 10px;\n z-index: 1000;\n}\n\n.react-minimal-datetime-range-dropdown.visible .react-minimal-datetime-range-dropdown-calendar__menu-no-effect {\n display: block;\n}\n\n.react-minimal-datetime-range-dropdown .react-minimal-datetime-range-dropdown-calendar__menu {\n will-change: transform, opacity;\n transform: translate3d(-50%, 0, 0) scale3d(1, 0, 1);\n transform: translate(-50%, 0) scale(1, 0) \\9;\n opacity: 0;\n left: 50%;\n width: 280px;\n margin-top: 30px;\n text-align: center;\n transform-origin: 0 0;\n transition: transform 0.4s, opacity 0.2s;\n position: absolute;\n box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3), 0 0 1px 0 rgba(0, 0, 0, 0.12);\n /*z-index: -1;*/\n background-color: #fff;\n}\n\n.react-minimal-datetime-range-dropdown .react-minimal-datetime-range-dropdown-calendar__container {\n border-radius: 3px;\n overflow: hidden;\n margin-top: 10px;\n}\n\n.react-minimal-datetime-range-dropdown .react-minimal-datetime-range-dropdown-calendar__item {\n padding: 1px 4px;\n line-height: 20px;\n transition: background-color 0.4s;\n cursor: pointer;\n display: block;\n}\n\n.react-minimal-datetime-range-dropdown-calendar__month {\n background-color: #fff;\n *zoom: 1;\n\n &:after {\n content: '\\200B';\n display: block;\n height: 0;\n clear: both;\n }\n}\n\n.react-minimal-datetime-range-dropdown-calendar__month-item {\n background-color: #fff;\n cursor: pointer;\n float: left;\n width: 33.3%;\n}\n\n.react-minimal-datetime-range-dropdown-calendar__month-item > div {\n padding: 10px 0;\n padding: 10px 2px;\n font-size: 12px;\n margin: 5px;\n background-color: #fff;\n transition: all 0.3s;\n\n &:hover {\n background-color: #74c0fc;\n color: #fff;\n }\n}\n\n.react-minimal-datetime-range-dropdown-calendar__month-item.active > div {\n background-color: #339af0;\n color: #fff;\n}\n\n.react-minimal-datetime-range-calendar__previous,\n.react-minimal-datetime-range-calendar__next {\n}\n\n.react-minimal-datetime-range-dropdown .react-minimal-datetime-range-dropdown-calendar__item:hover {\n background-color: #eee;\n}\n\n.react-minimal-datetime-range-dropdown-calendar__year {\n position: absolute;\n overflow: hidden;\n width: 100%;\n height: 100%;\n background-color: #fff;\n}\n\n.react-minimal-datetime-range-dropdown-calendar__year-item {\n background-color: #fff;\n cursor: pointer;\n float: left;\n height: 100%;\n display: table;\n width: 20%;\n}\n\n.react-minimal-datetime-range-dropdown-calendar__year-item > span {\n height: 100%;\n display: table-cell;\n vertical-align: middle;\n font-size: 12px;\n margin: 2px;\n font-size: 14px;\n background-color: #fff;\n transition: all 0.3s;\n\n &:hover {\n background-color: #74c0fc;\n color: #fff;\n }\n}\n\n.react-minimal-datetime-range-dropdown-calendar__year-item.active > span {\n background-color: #339af0;\n color: #fff;\n}\n\n/* end of dropdown section */\n\n.react-minimal-datetime-range-calendar__default-day,\n.react-minimal-datetime-range-calendar__today {\n font-size: 12px;\n margin-top: 10px;\n}\n\n.react-minimal-datetime-range-calendar__today {\n left: 0;\n}\n\n.react-minimal-datetime-range-calendar__default-day {\n right: 0;\n}\n\n.react-minimal-datetime-range-calendar__default-day .react-minimal-datetime-range-calendar__icon,\n.react-minimal-datetime-range-calendar__today .react-minimal-datetime-range-calendar__icon {\n font-size: 15px;\n}\n\n.react-minimal-datetime-range-calendar__clicker {\n cursor: pointer;\n}\n\n.react-minimal-datetime-range__col {\n display: inline-block;\n vertical-align: middle;\n}\n\n.react-minimal-datetime-range-calendar__title {\n cursor: pointer;\n width: 100%;\n position: absolute;\n color: var(--oc-gray-8);\n line-height: 17px;\n\n &:hover {\n color: #74c0fc;\n }\n}\n\n.react-minimal-datetime-range-calendar__inline-span span {\n display: inline-block;\n vertical-align: middle;\n}\n\n.react-minimal-datetime-range-calendar__inline-span:before {\n content: '';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n\n.react-minimal-datetime-range-calendar__content {\n}\n\n.react-minimal-datetime-range-calendar__icon {\n cursor: pointer;\n font-size: 20px;\n}\n\n.react-minimal-datetime-range__col-0-5 {\n width: 5%;\n}\n\n.react-minimal-datetime-range__col-9 {\n width: 90%;\n}\n\n.react-minimal-datetime-range__col-3 {\n width: 25%;\n}\n\n.react-minimal-datetime-range__col-6 {\n width: 50%;\n}\n\n.react-minimal-datetime-range-calendar__header {\n text-align: center;\n}\n\n.react-minimal-datetime-range--inline-block {\n display: inline-block;\n vertical-align: middle;\n}\n\n.react-minimal-datetime-range-calendar__table {\n display: table;\n border-collapse: collapse;\n border-collapse: initial !important\\9;\n margin: 0 auto;\n}\n\n@media all and (-ms-high-contrast: none) {\n .react-minimal-datetime-range-calendar__table {\n border-collapse: initial;\n }\n}\n\n@supports (-ms-ime-align: auto) {\n .react-minimal-datetime-range-calendar__table {\n border-collapse: initial;\n }\n}\n\n.react-minimal-datetime-range-calendar__table-row {\n display: table-row;\n}\n\n.react-minimal-datetime-range-calendar__table-cel {\n font-size: 12px;\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n padding: 10px;\n cursor: default;\n transition: all 0.3s;\n background-color: #fff;\n color: var(--oc-gray-7);\n padding: 6px;\n width: var(--item-width);\n height: var(--item-height);\n\n &.disabled {\n color: #adb5bd;\n }\n\n &.today {\n color: #fc7474;\n }\n &.marked {\n position: relative;\n &:after {\n position: absolute;\n content: '';\n width: 5px;\n height: 5px;\n background-color: #ced4da;\n border-radius: 50%;\n left: 50%;\n bottom: 3px;\n transform: translateX(-50%);\n }\n }\n &.active {\n &:not(.today) {\n color: #fff;\n background-color: #74c0fc;\n }\n\n &.range {\n &.today {\n color: #fff;\n background-color: #74c0fc;\n text-decoration: underline;\n }\n }\n }\n\n &.highlight {\n background-color: #d0ebff;\n }\n\n &.no-border {\n border: 1px solid transparent;\n }\n\n &.react-minimal-datetime-range-calendar__date-item {\n position: relative;\n\n &:not(.disabled) {\n cursor: pointer;\n\n &:hover {\n color: #fff;\n background-color: #74c0fc;\n }\n }\n }\n\n &.react-minimal-datetime-range-calendar__date-item .react-minimal-datetime-range-calendar__icon {\n position: absolute;\n right: 0;\n bottom: 0;\n font-size: 12px;\n }\n}\n\n.react-minimal-datetime-range-calendar__table-caption {\n color: var(--oc-gray-7);\n}\n\n.react-minimal-datetime-range-calendar__mask {\n opacity: 0;\n filter: alpha(opacity=0);\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.3);\n\n &.visible {\n opacity: 1 !important;\n filter: alpha(opacity=100);\n background-color: rgba(0, 0, 0, 0.3) !important;\n z-index: 1 !important;\n }\n}\n\n.react-minimal-datetime-range-check {\n position: absolute;\n right: 0px;\n bottom: 0px;\n font-size: 12px;\n}\n\n.react-minimal-datetime-range__icon-fill {\n fill: var(--oc-gray-8);\n}\n\n.today.active .react-minimal-datetime-range-check__path {\n fill: #fc7474;\n}\n\n.active .react-minimal-datetime-range-check__path,\n.today:hover .react-minimal-datetime-range-check__path {\n fill: #fff;\n}\n\n.react-minimal-datetime-range-calendar__button {\n position: absolute;\n bottom: -40px;\n display: inline-block;\n color: var(--oc-gray-6);\n cursor: pointer;\n padding: 5px 10px;\n border: 1px solid #ced4da;\n transition: all 0.3s;\n background-color: #fff;\n\n &:hover {\n border: 1px solid #4dabf7;\n background-color: #4dabf7;\n color: #fff;\n }\n}\n\n.forwardEnter {\n will-change: transform;\n transition: opacity 0.5s ease-in, transform 0.3s;\n opacity: 1;\n transform: translate3d(100%, 0, 0);\n\n &.forwardEnterActive {\n transform: translate3d(0, 0, 0);\n }\n}\n\n.forwardLeave {\n opacity: 1;\n transition: opacity 0.5s ease-in;\n\n &.forwardLeaveActive {\n opacity: 0;\n }\n}\n\n.backwardEnter {\n &.backwardEnterActive {\n }\n}\n\n.backwardLeave {\n will-change: transform, opacity;\n transition: transform 0.3s ease-in;\n transform: translate3d(100%, 0, 0);\n\n &.backwardLeaveActive {\n }\n}\n\n.react-minimal-datetime-range-calendar__title-container {\n position: relative;\n display: block;\n height: 18px;\n overflow: hidden;\n width: 100%;\n text-align: center;\n}\n\n.react-minimal-datetime-range-calendar__selector-panel-year-set-container {\n position: relative;\n display: block;\n height: 24px;\n overflow: hidden;\n text-align: center;\n width: 100%;\n margin: 0 auto;\n}\n\n.react-minimal-datetime-range-calendar__body-container {\n position: relative;\n display: block;\n transition: height 0.3s;\n overflow: hidden;\n text-align: center;\n}\n\n.slide {\n position: absolute;\n}\n\n.slide-enter {\n transform: translateX(100%);\n transition: 0.3s transform ease-in-out;\n}\n\n.slide-enter-active {\n transform: translateX(0);\n}\n\n.slide-exit {\n transform: translateX(0);\n transition: 0.3s transform ease-in-out;\n}\n\n.slide-exit-active {\n transform: translateX(-100%);\n}\n\n.forward-enter {\n transform: translateX(100%);\n transition: 0.3s transform ease-in-out;\n}\n\n.forward-enter-active {\n transform: translateX(0);\n}\n\n.forward-exit {\n transform: translateX(0);\n transition: 0.3s transform ease-in-out;\n}\n\n.forward-exit-active {\n transform: translateX(-100%);\n}\n\n.backward-enter {\n transform: translateX(-100%);\n transition: 0.3s transform ease-in-out;\n}\n\n.backward-enter-active {\n transform: translateX(0);\n}\n\n.backward-exit {\n transform: translateX(0);\n transition: 0.3s transform ease-in-out;\n}\n\n.backward-exit-active {\n transform: translateX(100%);\n}\n\n.react-minimal-datetime-range__range-input-wrapper {\n width: 100%;\n height: 32px;\n position: relative;\n display: inline-block;\n padding: 4px 0;\n color: rgba(0, 0, 0, 0.65);\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n transition: all 0.3s;\n}\n\n.react-minimal-datetime-range__range-input-wrapper.disabled {\n border: 1px solid #ccc;\n color: #ccc;\n background: #f8f8f8;\n cursor: not-allowed;\n}\n\n.react-minimal-datetime-range__range-input-wrapper input.react-minimal-datetime-range__range-input.disabled {\n cursor: not-allowed;\n}\n\n.react-minimal-datetime-range__range-input-wrapper input.react-minimal-datetime-range__range-input {\n border: none;\n width: 44%;\n height: 95%;\n text-align: center;\n background-color: transparent;\n outline: 0;\n}\n\n.react-minimal-datetime-range__range-input-wrapper .react-minimal-datetime-range__range-input-separator {\n display: inline-block;\n min-width: 10px;\n white-space: nowrap;\n text-align: center;\n pointer-events: none;\n vertical-align: middle;\n}\n\n.react-minimal-datetime-range__range .react-minimal-datetime-range {\n position: absolute;\n}\n\n.react-minimal-datetime-range__button-wrapper {\n text-align: right;\n}\n\n.react-minimal-datetime-range__button {\n font-size: 12px;\n cursor: pointer;\n display: inline-block;\n margin-right: 10px;\n padding: 2px 5px;\n border-radius: 4px;\n}\n\n.react-minimal-datetime-range__button--type {\n color: #74c0fc;\n\n &.disabled {\n color: #adb5bd;\n cursor: not-allowed;\n }\n}\n\n.react-minimal-datetime-range__button--confirm {\n background-color: #74c0fc;\n color: #fff;\n border: 1px solid #4dabf7;\n\n &.disabled {\n background-color: #f1f3f5;\n color: #adb5bd;\n cursor: not-allowed;\n border: 1px solid #ced4da;\n }\n}\n\n.react-minimal-datetime-date-piker {\n position: relative;\n}\n\n.react-minimal-datetime-date-piker__divider {\n display: inline-block;\n width: 20px;\n}\n\n.react-minimal-datetime-range__time-piker {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-color: #fff;\n}\n\n.react-minimal-datetime-range__time-select-wrapper {\n height: 100%;\n}\n\n.react-minimal-datetime-range__date {\n display: inline-block;\n width: 50%;\n text-align: center;\n margin-bottom: 10px;\n}\n\n.react-minimal-datetime-range__time-select-options-wrapper {\n overflow-y: auto;\n height: 85%;\n display: inline-block;\n width: 25%;\n}\n\n.react-minimal-datetime-range__time-select-wrapper--single {\n text-align: center;\n}\n\n.react-minimal-datetime-range__time-select-wrapper--single .react-minimal-datetime-range__time-select-options-wrapper {\n width: 50%;\n}\n\n.react-minimal-datetime-range__time-select-option {\n padding: 2 5px;\n cursor: pointer;\n\n &:hover {\n background-color: #d0ebff;\n }\n\n &.active {\n color: #fff;\n background-color: #74c0fc;\n }\n}\n"],"names":[],"sourceRoot":""}