react-datepicker-enhanced
Version:
react datepicker component. (include persian jalaali calendar)
1 lines • 23.5 kB
Source Map (JSON)
{"version":3,"sources":["styles\\style.scss","src\\styles\\style.css"],"names":[],"mappings":"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","sourcesContent":["$greycolor:#777;\n$selectedColor:#4285f4; //337ab7\n$hoverColor:#d6f1ff;\n\n.calendarContainer {\n position: relative;\n border-radius: 4px;\n -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\n -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\n width: 320px;\n margin: auto;\n text-align: center;\n padding: 15px;\n background-color: #fff;\n}\n\n.calendarContainer * {\n box-sizing: border-box;\n}\n\n.calendarContainer .dayPickerContainer:after,\n.calendarContainer .monthsList:after,\n.calendarContainer .daysOfWeek:after {\n content: '';\n display: block;\n clear: both;\n}\n\n.datepicker-input {\n box-sizing: border-box;\n}\n\n\n/* Heading */\n\n.calendarContainer .heading {\n height: auto;\n font-weight: bold;\n margin-bottom: 10px;\n}\n\n.calendarContainer .heading>button {\n background: none;\n margin: 5px 0;\n border: none;\n text-align: center;\n line-height: 30px;\n width: 36px;\n height: 32px;\n cursor: pointer;\n}\n\n.calendarContainer .heading>button:hover {\n background-color: #f2f2f2;\n}\n\n.calendarContainer .heading>span {}\n\n.calendarContainer .heading svg {\n width: 10px;\n fill: $greycolor;\n}\n\n.calendarContainer .heading .prev,\n.calendarContainer .heading .next {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n margin: 0;\n}\n\n.calendarContainer .heading .prev {\n float: right;\n}\n\n.calendarContainer .heading .next {\n float: left;\n}\n\n.calendarContainer .heading .title {\n height: auto;\n border-radius: 4px;\n width: auto;\n margin: 0 5px;\n border: 1px solid #F7F7F7;\n text-align: center;\n display: inline-block;\n font-weight: normal;\n padding: 4px 15px 5px 15px;\n line-height: 1.5;\n font-size: 1.2em;\n max-height: none;\n}\n\n.jalaali.calendarContainer .heading .title {\n padding: 4px 15px 7px 15px;\n}\n\n\n/* Day wrapper styles */\n\n.calendarContainer .dayWrapper {\n float: left;\n width: 14.28571429%;\n margin-top: 5px;\n position: relative;\n}\n\n\n/* Day wrapper button styles */\n.calendarContainer .dayWrapper button {\n border: none;\n background: none;\n outline: none;\n width: 100%;\n cursor: pointer;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n font-size: 1.1em;\n padding: 0;\n line-height: 1.5;\n padding: 0px 0px 1px 0px;\n}\n\n.jalaali.calendarContainer .dayWrapper button {\n padding: 0px 0px 1px 0px;\n}\n\n.calendarContainer .dayWrapper button:hover {\n background-color: $hoverColor;\n}\n\n.calendarContainer .dayWrapper button[disabled] {\n color: #aaa;\n cursor: not-allowed;\n background-color: #ebebeb;\n}\n\n.calendarContainer .dayWrapper button.selected {\n background-color: #337ab7;\n color: #ffffff;\n}\n\n.calendarContainer .dayWrapper:not(.currentMonth) button {\n opacity: .5;\n}\n\n\n/* Days of week row */\n\n.calendarContainer .daysOfWeek {\n margin-bottom: 5px;\n padding-bottom: 5px;\n display: flex;\n width: 100%;\n color: lighten($greycolor, 10%);\n}\n\n.calendarContainer .daysOfWeek>div {\n flex-grow: 1;\n justify-content: space-between;\n width: 42px;\n}\n\n\n/* Month selector portion */\n\n.calendarContainer .monthsList {\n clear: both;\n width: 100%;\n}\n\n.calendarContainer .monthsList button {\n width: 33.33333332%;\n height: 25%;\n float: right;\n border: 1px solid #F9F9F9;\n outline: none;\n font-size: 1em;\n background: #fff;\n padding: 10px 0;\n cursor: pointer;\n}\n\n.calendarContainer .monthsList button:hover {\n background: #eeeeee;\n cursor: pointer;\n}\n\n\n/* Selected state of buttons */\n\n.calendarContainer .selected button,\n.calendarContainer .selected button:hover,\n.calendarContainer .selected button:active,\n.calendarContainer .selected button:focus {\n background-color: $selectedColor;\n color: #ffffff;\n}\n\n.calendarContainer.jalaali {\n direction: rtl;\n}\n\n.calendarContainer.jalaali .dayWrapper {\n float: right;\n}\n\n\n/*time picker style*/\n\n.time-picker-container {\n margin-bottom: 10;\n}\n\n.time-picker-container>.time-label {\n float: left;\n line-height: 30px;\n width: 50%;\n text-align: center;\n}\n\n.time-picker-container>.time-picker-panel {\n float: right;\n width: 50%;\n}\n\n.time-picker-container.jalaali>.time-label {\n float: right;\n}\n\n.time-picker-container.jalaali>.time-picker-panel {\n float: left;\n}\n\n.rc-time-picker {\n border-radius: 4px;\n display: inline-block;\n box-sizing: border-box;\n width: 110px;\n border: 1px solid #F7F7F7;\n font-size: 1.2em;\n}\n\n.rc-time-picker * {\n box-sizing: border-box;\n}\n\n.rc-time-picker-input {\n margin: 4px 0;\n padding: 0px 15px 1px 15px;\n direction: ltr;\n text-align: center;\n width: 100%;\n position: relative;\n display: inline-block;\n cursor: pointer;\n font-size: 1em;\n line-height: 1.5;\n\n border: none;\n background-image: none;\n background-color: transparent;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n\n}\n\n.jalaali.calendarContainer .rc-time-picker-input {\n padding: 0px 15px 3px 15px;\n}\n\n.rc-time-picker-input:focus {\n box-shadow: none;\n border: none;\n background-color: #f2f2f2;\n}\n\n.rc-time-picker:hover {\n background-color: #f2f2f2;\n}\n\n.rc-time-picker-panel {\n z-index: 2001;\n width: 170px;\n position: absolute;\n box-sizing: border-box;\n}\n\n.rc-time-picker-panel * {\n box-sizing: border-box;\n}\n\n.rc-time-picker-panel-inner {\n display: inline-block;\n position: relative;\n outline: none;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5;\n}\n\n.rc-time-picker-panel-input {\n margin: 0;\n padding: 0;\n width: 100%;\n cursor: default;\n line-height: 1.5;\n outline: 0;\n border: 1px solid transparent;\n padding: 4px 0;\n font-size: 1.4em;\n text-align: center;\n font-family: inherit;\n}\n\n.rc-time-picker-panel-input,\n.rc-time-picker-panel-input:hover {\n box-shadow: none;\n border: none;\n}\n\n.rc-time-picker-panel-input-wrap {\n box-sizing: border-box;\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9;\n}\n\n.rc-time-picker-panel-input-invalid {\n border-color: red;\n}\n\n.rc-time-picker-panel-clear-btn {\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0;\n}\n\n.rc-time-picker-panel-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n transition: color 0.3s ease;\n}\n\n.rc-time-picker-panel-clear-btn:hover:after {\n color: #666;\n}\n\n.rc-time-picker-panel-select {\n float: left;\n font-size: 12px;\n border: 1px solid #e9e9e9;\n border-width: 0 1px;\n margin-left: -1px;\n box-sizing: border-box;\n width: 56px;\n overflow: hidden;\n position: relative;\n}\n\n.rc-time-picker-panel-select-active {\n overflow-y: auto;\n}\n\n.rc-time-picker-panel-select:first-child {\n border-left: 0;\n margin-left: 0;\n}\n\n.rc-time-picker-panel-select:last-child {\n border-right: 0;\n}\n\n.rc-time-picker-panel-select ul {\n list-style: none;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 100%;\n max-height: 144px;\n overflow-x: hidden;\n overflow-y: scroll;\n}\n\n.rc-time-picker-panel-select li {\n list-style: none;\n box-sizing: content-box;\n margin: 0;\n padding: 0 0 0 16px;\n width: 100%;\n height: 24px;\n line-height: 24px;\n text-align: left;\n cursor: pointer;\n user-select: none;\n}\n\n.rc-time-picker-panel-select li:hover {\n background: #edfaff;\n}\n\nli.rc-time-picker-panel-select-option-selected {\n background: #edfaff;\n color: #2db7f5;\n}\n\nli.rc-time-picker-panel-select-option-disabled {\n color: #bfbfbf;\n}\n\nli.rc-time-picker-panel-select-option-disabled:hover {\n background: transparent;\n cursor: not-allowed;\n}\n\n.tether-element.tether-element-attached-top.tether-element-attached-center.tether-target-attached-bottom.tether-target-attached-center.tether-enabled {\n z-index: 2000;\n}\n\n.calendarContainer *,\n.datepicker-input {\n font-family: inherit;\n}\n\n.today {\n button {\n border: 3px solid #4285f4 !important;\n }\n}\n\n.jalaali.calendarContainer {\n .selectToday {\n padding: 4px 0 6px 0;\n }\n}\n\n.calendarButton {\n display: block;\n width: 100%;\n background: #4285f4;\n color: #fff;\n outline: none;\n border-radius: 5px;\n border: 0;\n cursor: pointer;\n padding: 5px 0 7px 0;\n transition: 0.2s all ease-in-out;\n transition-property: background;\n\n &:hover {\n background: darken(#4285f4, 10);\n }\n\n}\n\n.toggleButton {\n margin-bottom: 1rem;\n}\n\n.selectToday {\n margin-top: 1rem;\n}\n\n.highLightDot-container {\n text-align: center;\n bottom: 0;\n width: 100%;\n position: absolute;\n cursor: pointer;\n direction: ltr;\n\n .highLightDot {\n &:not(:first-child) {\n margin-left: 2px;\n }\n\n border: 1px solid #fff;\n display: inline-block;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n }\n}",".calendarContainer {\n position: relative;\n border-radius: 4px;\n -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\n width: 320px;\n margin: auto;\n text-align: center;\n padding: 15px;\n background-color: #fff;\n}\n\n.calendarContainer * {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.calendarContainer .dayPickerContainer:after,\n.calendarContainer .monthsList:after,\n.calendarContainer .daysOfWeek:after {\n content: '';\n display: block;\n clear: both;\n}\n\n.datepicker-input {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n/* Heading */\n.calendarContainer .heading {\n height: auto;\n font-weight: bold;\n margin-bottom: 10px;\n}\n\n.calendarContainer .heading > button {\n background: none;\n margin: 5px 0;\n border: none;\n text-align: center;\n line-height: 30px;\n width: 36px;\n height: 32px;\n cursor: pointer;\n}\n\n.calendarContainer .heading > button:hover {\n background-color: #f2f2f2;\n}\n\n.calendarContainer .heading svg {\n width: 10px;\n fill: #777;\n}\n\n.calendarContainer .heading .prev,\n.calendarContainer .heading .next {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n margin: 0;\n}\n\n.calendarContainer .heading .prev {\n float: right;\n}\n\n.calendarContainer .heading .next {\n float: left;\n}\n\n.calendarContainer .heading .title {\n height: auto;\n border-radius: 4px;\n width: auto;\n margin: 0 5px;\n border: 1px solid #F7F7F7;\n text-align: center;\n display: inline-block;\n font-weight: normal;\n padding: 4px 15px 5px 15px;\n line-height: 1.5;\n font-size: 1.2em;\n max-height: none;\n}\n\n.jalaali.calendarContainer .heading .title {\n padding: 4px 15px 7px 15px;\n}\n\n/* Day wrapper styles */\n.calendarContainer .dayWrapper {\n float: left;\n width: 14.28571429%;\n margin-top: 5px;\n position: relative;\n}\n\n/* Day wrapper button styles */\n.calendarContainer .dayWrapper button {\n border: none;\n background: none;\n outline: none;\n width: 100%;\n cursor: pointer;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n font-size: 1.1em;\n padding: 0;\n line-height: 1.5;\n padding: 0px 0px 1px 0px;\n}\n\n.jalaali.calendarContainer .dayWrapper button {\n padding: 0px 0px 1px 0px;\n}\n\n.calendarContainer .dayWrapper button:hover {\n background-color: #d6f1ff;\n}\n\n.calendarContainer .dayWrapper button[disabled] {\n color: #aaa;\n cursor: not-allowed;\n background-color: #ebebeb;\n}\n\n.calendarContainer .dayWrapper button.selected {\n background-color: #337ab7;\n color: #ffffff;\n}\n\n.calendarContainer .dayWrapper:not(.currentMonth) button {\n opacity: .5;\n}\n\n/* Days of week row */\n.calendarContainer .daysOfWeek {\n margin-bottom: 5px;\n padding-bottom: 5px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n color: #919191;\n}\n\n.calendarContainer .daysOfWeek > div {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n width: 42px;\n}\n\n/* Month selector portion */\n.calendarContainer .monthsList {\n clear: both;\n width: 100%;\n}\n\n.calendarContainer .monthsList button {\n width: 33.33333332%;\n height: 25%;\n float: right;\n border: 1px solid #F9F9F9;\n outline: none;\n font-size: 1em;\n background: #fff;\n padding: 10px 0;\n cursor: pointer;\n}\n\n.calendarContainer .monthsList button:hover {\n background: #eeeeee;\n cursor: pointer;\n}\n\n/* Selected state of buttons */\n.calendarContainer .selected button,\n.calendarContainer .selected button:hover,\n.calendarContainer .selected button:active,\n.calendarContainer .selected button:focus {\n background-color: #4285f4;\n color: #ffffff;\n}\n\n.calendarContainer.jalaali {\n direction: rtl;\n}\n\n.calendarContainer.jalaali .dayWrapper {\n float: right;\n}\n\n/*time picker style*/\n.time-picker-container {\n margin-bottom: 10;\n}\n\n.time-picker-container > .time-label {\n float: left;\n line-height: 30px;\n width: 50%;\n text-align: center;\n}\n\n.time-picker-container > .time-picker-panel {\n float: right;\n width: 50%;\n}\n\n.time-picker-container.jalaali > .time-label {\n float: right;\n}\n\n.time-picker-container.jalaali > .time-picker-panel {\n float: left;\n}\n\n.rc-time-picker {\n border-radius: 4px;\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 110px;\n border: 1px solid #F7F7F7;\n font-size: 1.2em;\n}\n\n.rc-time-picker * {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.rc-time-picker-input {\n margin: 4px 0;\n padding: 0px 15px 1px 15px;\n direction: ltr;\n text-align: center;\n width: 100%;\n position: relative;\n display: inline-block;\n cursor: pointer;\n font-size: 1em;\n line-height: 1.5;\n border: none;\n background-image: none;\n background-color: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n.jalaali.calendarContainer .rc-time-picker-input {\n padding: 0px 15px 3px 15px;\n}\n\n.rc-time-picker-input:focus {\n -webkit-box-shadow: none;\n box-shadow: none;\n border: none;\n background-color: #f2f2f2;\n}\n\n.rc-time-picker:hover {\n background-color: #f2f2f2;\n}\n\n.rc-time-picker-panel {\n z-index: 2001;\n width: 170px;\n position: absolute;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.rc-time-picker-panel * {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.rc-time-picker-panel-inner {\n display: inline-block;\n position: relative;\n outline: none;\n list-style: none;\n font-size: 12px;\n text-align: left;\n background-color: #fff;\n border-radius: 3px;\n -webkit-box-shadow: 0 1px 5px #ccc;\n box-shadow: 0 1px 5px #ccc;\n background-clip: padding-box;\n border: 1px solid #ccc;\n line-height: 1.5;\n}\n\n.rc-time-picker-panel-input {\n margin: 0;\n padding: 0;\n width: 100%;\n cursor: default;\n line-height: 1.5;\n outline: 0;\n border: 1px solid transparent;\n padding: 4px 0;\n font-size: 1.4em;\n text-align: center;\n font-family: inherit;\n}\n\n.rc-time-picker-panel-input,\n.rc-time-picker-panel-input:hover {\n -webkit-box-shadow: none;\n box-shadow: none;\n border: none;\n}\n\n.rc-time-picker-panel-input-wrap {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: relative;\n padding: 6px;\n border-bottom: 1px solid #e9e9e9;\n}\n\n.rc-time-picker-panel-input-invalid {\n border-color: red;\n}\n\n.rc-time-picker-panel-clear-btn {\n position: absolute;\n right: 6px;\n cursor: pointer;\n overflow: hidden;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 20px;\n top: 6px;\n margin: 0;\n}\n\n.rc-time-picker-panel-clear-btn:after {\n content: \"x\";\n font-size: 12px;\n color: #aaa;\n display: inline-block;\n line-height: 1;\n width: 20px;\n -webkit-transition: color 0.3s ease;\n transition: color 0.3s ease;\n}\n\n.rc-time-picker-panel-clear-btn:hover:after {\n color: #666;\n}\n\n.rc-time-picker-panel-select {\n float: left;\n font-size: 12px;\n border: 1px solid #e9e9e9;\n border-width: 0 1px;\n margin-left: -1px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 56px;\n overflow: hidden;\n position: relative;\n}\n\n.rc-time-picker-panel-select-active {\n overflow-y: auto;\n}\n\n.rc-time-picker-panel-select:first-child {\n border-left: 0;\n margin-left: 0;\n}\n\n.rc-time-picker-panel-select:last-child {\n border-right: 0;\n}\n\n.rc-time-picker-panel-select ul {\n list-style: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 100%;\n max-height: 144px;\n overflow-x: hidden;\n overflow-y: scroll;\n}\n\n.rc-time-picker-panel-select li {\n list-style: none;\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n margin: 0;\n padding: 0 0 0 16px;\n width: 100%;\n height: 24px;\n line-height: 24px;\n text-align: left;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.rc-time-picker-panel-select li:hover {\n background: #edfaff;\n}\n\nli.rc-time-picker-panel-select-option-selected {\n background: #edfaff;\n color: #2db7f5;\n}\n\nli.rc-time-picker-panel-select-option-disabled {\n color: #bfbfbf;\n}\n\nli.rc-time-picker-panel-select-option-disabled:hover {\n background: transparent;\n cursor: not-allowed;\n}\n\n.tether-element.tether-element-attached-top.tether-element-attached-center.tether-target-attached-bottom.tether-target-attached-center.tether-enabled {\n z-index: 2000;\n}\n\n.calendarContainer *,\n.datepicker-input {\n font-family: inherit;\n}\n\n.today button {\n border: 3px solid #4285f4 !important;\n}\n\n.jalaali.calendarContainer .selectToday {\n padding: 4px 0 6px 0;\n}\n\n.calendarButton {\n display: block;\n width: 100%;\n background: #4285f4;\n color: #fff;\n outline: none;\n border-radius: 5px;\n border: 0;\n cursor: pointer;\n padding: 5px 0 7px 0;\n -webkit-transition: 0.2s all ease-in-out;\n transition: 0.2s all ease-in-out;\n -webkit-transition-property: background;\n transition-property: background;\n}\n\n.calendarButton:hover {\n background: #1266f1;\n}\n\n.toggleButton {\n margin-bottom: 1rem;\n}\n\n.selectToday {\n margin-top: 1rem;\n}\n\n.highLightDot-container {\n text-align: center;\n bottom: 0;\n width: 100%;\n position: absolute;\n cursor: pointer;\n direction: ltr;\n}\n\n.highLightDot-container .highLightDot {\n border: 1px solid #fff;\n display: inline-block;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n}\n\n.highLightDot-container .highLightDot:not(:first-child) {\n margin-left: 2px;\n}\n/*# sourceMappingURL=style.css.map */"]}