react-multi-date-picker/build/colors.browser.js

A simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple, range and multiple range pickers.

!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("react")):"function"==typeof define&&define.amd?define(["react"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).Colors=o(e.React)}(this,(function(e){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);function t(){return t=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},t.apply(this,arguments)}function a(e,o){if(null==e)return{};var r,t,a=function(e,o){if(null==e)return{};var r,t,a={},n=Object.keys(e);for(t=0;t<n.length;t++)r=n[t],o.indexOf(r)>=0||(a[r]=e[r]);return a}(e,o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)r=n[t],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function n(e){return Array.isArray(e)}function d(e,o){var r=[];return["left","right"].includes(e)?(o.left&&r.push("rmdp-border-left"),o.right&&r.push("rmdp-border-right")):(o.top&&r.push("rmdp-border-top"),o.bottom&&r.push("rmdp-border-bottom")),r.join(" ")}var l=["state","setState","position","registerListener","calendarProps","datePickerProps","handleChange","nodes","Calendar","DatePicker","handlePropsChange","handleFocusedDate","minDate","maxDate"];!function(e,o){void 0===o&&(o={});var r=o.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===r&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(".rmdp-colors{display:flex;justify-content:space-around;padding:8px 0}.rmdp-colors.left,.rmdp-colors.right{flex-direction:column;padding:0 8px}.rmdp-color{border-radius:50%;cursor:pointer;height:20px;width:20px}.left .rmdp-color,.right .rmdp-color{margin:auto}.rmdp-blue{background-color:#0074d9}.rmdp-red{background-color:#ea0034}.rmdp-green{background-color:#009688}.rmdp-yellow{background-color:#fad817}.rmdp-color.active{box-shadow:0 0 4px 1px #8798ad}.rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) .highlight-blue:hover{background-color:#7ea6f0}.rmdp-day:not(.rmdp-deactive) .highlight-blue{color:#4ca6f5}.rmdp-day.rmdp-deactive .highlight-blue{color:#7b98ce}.rmdp-day.rmdp-selected .highlight-blue{background-color:#0074d9;color:#fff}.rmdp-day.rmdp-deactive.rmdp-selected .highlight-blue{background-color:#aec0e0;color:#fff}.rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) .highlight-yellow:hover{background-color:#ffeb3b}.rmdp-day:not(.rmdp-deactive) .highlight-yellow{color:#f7da37}.rmdp-day.rmdp-deactive .highlight-yellow{color:#c0b025}.rmdp-day.rmdp-selected .highlight-yellow{background-color:#fad817;color:#fff}.rmdp-day.rmdp-deactive.rmdp-selected .highlight-yellow{background-color:#dfdd61;color:#fff}.hover-red:hover{background-color:#ff6687!important}.hover-green:hover{background-color:#4db6ac!important}.hover-yellow:hover{background-color:#ffeb3b!important}");var c=["colors","defaultColor","position"],i=["state","position","colors","defaultColor","nodes","calendarProps","registerListener","className","handlePropsChange"];function s(o){var c,s=o.state,p=o.position,f=o.colors,u=void 0===f?["blue","red","green","yellow"]:f,h=o.defaultColor,m=void 0===h?u[0]:h,g=o.nodes,b=o.calendarProps.activeColor,y=o.registerListener,v=o.className,C=void 0===v?"":v,k=o.handlePropsChange,x=a(o,i),P=["rmdp-colors",p,d(p,g)];return y("change",(function(e){if(n(e))for(var o=0;o<e.length;o++)e[o].color||(e[o].color=b);else e&&(e.color=b)})),e.useEffect((function(){b||k({activeColor:m})}),[b,m,k]),r.default.createElement("div",t({className:"".concat(P.join(" ")," ").concat(C)},((c=x).state,c.setState,c.position,c.registerListener,c.calendarProps,c.datePickerProps,c.handleChange,c.nodes,c.Calendar,c.DatePicker,c.handlePropsChange,c.handleFocusedDate,c.minDate,c.maxDate,a(c,l))),u.map((function(e,o){return r.default.createElement("div",{key:o,className:"rmdp-color rmdp-".concat(e," ").concat(b===e?"active":""),onClick:function(){return function(e){var o=s.selectedDate;o&&!n(o)&&(o.color=e);k({activeColor:e,value:o})}(e)}})})))}function p(e){var o=e.state,r=o.selectedDate,t=o.range,a=e.calendarProps.activeColor,d={};if(n(r))for(var l=0;l<r.length;l++){var c=r[l],i=c.color||a;r[l].color=i,d["".concat(c.year).concat(c.month).concat(c.day)]=i}return function(e){var o,l=e.date;if(!t)return r&&!n(r)&&l.format()===r.format()&&(o=a),n(r)&&(o=d["".concat(l.year).concat(l.month).concat(l.day)]),{className:o?"highlight highlight-".concat(o):"hover-".concat(a)}}}return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=e.colors,n=void 0===o?["blue","red","green","yellow"]:o,d=e.defaultColor,l=void 0===d?n[0]:d,i=e.position,f=void 0===i?"bottom":i,u=a(e,c);return[{type:"mapDays",fn:p},r.default.createElement(s,t({colors:n,defaultColor:l,position:f},u))]}}));