docs/main.10dc05af.iframe.bundle.js
(self.webpackChunkreact_bootstrap_daterangepicker=self.webpackChunkreact_bootstrap_daterangepicker||[]).push([[179],{"./src/index.stories.js":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.date.now.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),jquery=__webpack_require__("./node_modules/jquery/dist/jquery.js"),jquery_default=__webpack_require__.n(jquery),moment=__webpack_require__("./node_modules/moment/moment.js"),moment_default=__webpack_require__.n(moment),client=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js");__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/bootstrap-daterangepicker/daterangepicker.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}const src=function(_React$Component){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(DateRangePicker,_React$Component);var _super=_createSuper(DateRangePicker);function DateRangePicker(props){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,DateRangePicker),(_this=_super.call(this,props)).ref=void 0,_this.$picker=void 0,_this.ref=null,_this.$picker=null,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(DateRangePicker,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;this.$picker=jquery_default()(this.ref),this.$picker.daterangepicker(this.props.initialSettings,this.handleCallback.bind(this)),["Show","Hide","ShowCalendar","HideCalendar","Apply","Cancel"].forEach((function(event){var _this2$$picker,lcase=event.charAt(0).toLowerCase()+event.slice(1);null===(_this2$$picker=_this2.$picker)||void 0===_this2$$picker||_this2$$picker.on(lcase+".daterangepicker",_this2.makeEventHandler("on"+event))}))}},{key:"componentWillUnmount",value:function componentWillUnmount(){var _this$$picker,_this$$picker$data;null===(_this$$picker=this.$picker)||void 0===_this$$picker||null===(_this$$picker$data=_this$$picker.data("daterangepicker"))||void 0===_this$$picker$data||_this$$picker$data.remove()}},{key:"handleCallback",value:function handleCallback(){var _this$props;"function"==typeof this.props.onCallback&&(_this$props=this.props).onCallback.apply(_this$props,arguments)}},{key:"makeEventHandler",value:function makeEventHandler(eventType){var _this3=this,onEvent=this.props.onEvent;return function(event,picker){"function"==typeof onEvent&&onEvent(event,picker),"function"==typeof _this3.props[eventType]&&_this3.props[eventType](event,picker)}}},{key:"setStartDate",value:function setStartDate(dateOrString){var _this$$picker2,_this$$picker2$data;null===(_this$$picker2=this.$picker)||void 0===_this$$picker2||null===(_this$$picker2$data=_this$$picker2.data("daterangepicker"))||void 0===_this$$picker2$data||_this$$picker2$data.setStartDate(dateOrString)}},{key:"setEndDate",value:function setEndDate(dateOrString){var _this$$picker3,_this$$picker3$data;null===(_this$$picker3=this.$picker)||void 0===_this$$picker3||null===(_this$$picker3$data=_this$$picker3.data("daterangepicker"))||void 0===_this$$picker3$data||_this$$picker3$data.setEndDate(dateOrString)}},{key:"render",value:function render(){var _this4=this,childElement=react.Children.only(this.props.children);return react.cloneElement(childElement,{ref:function ref(el){return _this4.ref=el}})}}]),DateRangePicker}(react.Component);__webpack_require__("./node_modules/bootstrap/dist/css/bootstrap.css"),__webpack_require__("./node_modules/bootstrap-daterangepicker/daterangepicker.css");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}module=__webpack_require__.hmd(module);window.jQuery=window.$=jquery_default(),(0,client.storiesOf)("DateRangePicker",module).addParameters({storySource:{source:"import React, { useState, useRef } from 'react';\nimport jQuery from 'jquery';\nimport moment from 'moment';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { withKnobs, text } from '@storybook/addon-knobs';\nimport DateRangePicker from './index';\nimport 'bootstrap/dist/css/bootstrap.css';\nimport 'bootstrap-daterangepicker/daterangepicker.css';\n\n// expose jQuery to window for debugging\nwindow.jQuery = window.$ = jQuery;\n\nstoriesOf('DateRangePicker', module)\n .addDecorator(withKnobs)\n .add('simple button', () => {\n const buttonLabel = text('label', 'click to open');\n return (\n <DateRangePicker>\n <button type=\"button\" className=\"btn btn-primary\">\n {buttonLabel}\n </button>\n </DateRangePicker>\n );\n })\n .add('simple input', () => {\n return (\n <DateRangePicker>\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n );\n })\n .add('with start and end date', () => {\n const startDate = text('startDate', '1/1/2017');\n const endDate = text('endDate', '1/5/2017');\n return (\n <DateRangePicker initialSettings={{ startDate, endDate }}>\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n );\n })\n .add('log events', () => {\n return (\n <DateRangePicker\n onApply={action('onApply')}\n onCancel={action('onCancel')}\n onHide={action('onHide')}\n onHideCalendar={action('onHideCalendar')}\n onShow={action('onShow')}\n onShowCalendar={action('onShowCalendar')}\n onEvent={action('onEvent')}\n onCallback={action('onCallback')}\n >\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n );\n })\n .add('date picker with dropdowns', () => {\n return (\n <DateRangePicker initialSettings={{ showDropdowns: true }}>\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n );\n })\n .add('single date picker', () => {\n return (\n <DateRangePicker\n initialSettings={{\n singleDatePicker: true,\n showDropdowns: true,\n startDate: '10/18/1984',\n minYear: 1901,\n maxYear: parseInt(moment().format('YYYY'), 10),\n }}\n onCallback={(start) => {\n const years = moment().diff(start, 'years');\n alert('You are ' + years + ' years old!');\n }}\n >\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n );\n })\n .add('date range picker with times', () => {\n return (\n <DateRangePicker\n initialSettings={{\n timePicker: true,\n startDate: moment().startOf('hour').toDate(),\n endDate: moment().startOf('hour').add(32, 'hour').toDate(),\n locale: {\n format: 'M/DD hh:mm A',\n },\n }}\n >\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n );\n })\n .add('predefined date ranges', () => {\n const [state, setState] = useState({\n start: moment().subtract(29, 'days'),\n end: moment(),\n });\n const { start, end } = state;\n const handleCallback = (start, end) => {\n setState({ start, end });\n };\n const label =\n start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY');\n return (\n <DateRangePicker\n initialSettings={{\n startDate: start.toDate(),\n endDate: end.toDate(),\n ranges: {\n Today: [moment().toDate(), moment().toDate()],\n Yesterday: [\n moment().subtract(1, 'days').toDate(),\n moment().subtract(1, 'days').toDate(),\n ],\n 'Last 7 Days': [\n moment().subtract(6, 'days').toDate(),\n moment().toDate(),\n ],\n 'Last 30 Days': [\n moment().subtract(29, 'days').toDate(),\n moment().toDate(),\n ],\n 'This Month': [\n moment().startOf('month').toDate(),\n moment().endOf('month').toDate(),\n ],\n 'Last Month': [\n moment().subtract(1, 'month').startOf('month').toDate(),\n moment().subtract(1, 'month').endOf('month').toDate(),\n ],\n },\n }}\n onCallback={handleCallback}\n >\n <div\n id=\"reportrange\"\n className=\"col-4\"\n style={{\n background: '#fff',\n cursor: 'pointer',\n padding: '5px 10px',\n border: '1px solid #ccc',\n width: '100%',\n }}\n >\n <i className=\"fa fa-calendar\"></i> \n <span>{label}</span> <i className=\"fa fa-caret-down\"></i>\n </div>\n </DateRangePicker>\n );\n })\n .add('input initially empty', () => {\n const handleApply = (event, picker) => {\n picker.element.val(\n picker.startDate.format('MM/DD/YYYY') +\n ' - ' +\n picker.endDate.format('MM/DD/YYYY')\n );\n };\n const handleCancel = (event, picker) => {\n picker.element.val('');\n };\n return (\n <DateRangePicker\n initialSettings={{\n autoUpdateInput: false,\n locale: {\n cancelLabel: 'Clear',\n },\n }}\n onApply={handleApply}\n onCancel={handleCancel}\n >\n <input type=\"text\" className=\"form-control col-4\" defaultValue=\"\" />\n </DateRangePicker>\n );\n })\n .add('set start date from \"outside\" the component', () => {\n const myRef = useRef();\n const changeStartDate = () => {\n myRef.current.setStartDate(moment().subtract(1, 'week'));\n };\n return (\n <div>\n <DateRangePicker ref={myRef}>\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n <br />\n <button\n type=\"button\"\n className=\"btn btn-primary\"\n onClick={changeStartDate}\n >\n set startDate to 1 week ago\n </button>\n </div>\n );\n })\n .add('use onCallback to display start/end dates', () => {\n const [state, setState] = useState();\n const handleCallback = (start, end) => {\n setState({ start, end });\n };\n return (\n <>\n <DateRangePicker onCallback={handleCallback}>\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n <br />\n <h4>\n startDate: <small>{state?.start?.format('MM/DD/YYYY (dddd)')}</small>\n </h4>\n <h4>\n endDate: <small>{state?.end?.format('MM/DD/YYYY (dddd)')}</small>\n </h4>\n </>\n );\n })\n .add('change initialSettings (range data)', () => {\n const StoryComp = () => {\n const changeButtonLabel = text(\n 'change button label',\n 'change range label'\n );\n const keyRef = useRef(Date.now());\n const [dates, setDates] = useState({\n startDate: moment('2020/03/01'),\n endDate: moment('2020/03/15'),\n });\n const [ranges, setRanges] = useState({\n ['First Range']: [\n moment().subtract(2, 'days'),\n moment().add(2, 'days'),\n ],\n });\n const handleApply = (event, picker) => {\n setDates({\n startDate: picker.startDate,\n endDate: picker.endDate,\n });\n };\n const randomNumber = () => Math.floor(Math.random() * 20) + 1;\n const handleChangeRanges = () => {\n keyRef.current = Date.now();\n setRanges({\n [`Range ${Date.now()}`]: [\n moment().subtract(randomNumber(), 'days').startOf('day'),\n moment().add(randomNumber(), 'days').startOf('day'),\n ],\n });\n };\n return (\n <div>\n <DateRangePicker\n key={keyRef.current}\n onApply={handleApply}\n onCancel={action('onCancel')}\n onEvent={action('onEvent')}\n onHide={action('onHide')}\n onHideCalendar={action('onHideCalendar')}\n onShow={action('onShow')}\n onShowCalendar={action('onShowCalendar')}\n initialSettings={{ ranges }}\n >\n <input type=\"text\" className=\"form-control col-4\" />\n </DateRangePicker>\n <br />\n <h4>\n startDate: <small>{dates.startDate.format()}</small>\n </h4>\n <h4>\n endDate: <small>{dates.endDate.format()}</small>\n </h4>\n <h4>\n ranges: <small>{JSON.stringify(ranges)}</small>\n </h4>\n <button\n type=\"button\"\n className=\"btn btn-primary\"\n onClick={handleChangeRanges}\n >\n {changeButtonLabel}\n </button>\n </div>\n );\n };\n return (\n <div>\n <StoryComp />\n </div>\n );\n });\n",locationsMap:{"change-initialsettings-range-data":{startLoc:{col:7,line:226},endLoc:{col:3,line:299},startBody:{col:46,line:226},endBody:{col:3,line:299}},"use-oncallback-to-display-start-end-dates":{startLoc:{col:7,line:206},endLoc:{col:3,line:225},startBody:{col:52,line:206},endBody:{col:3,line:225}},"set-start-date-from-outside-the-component":{startLoc:{col:7,line:185},endLoc:{col:3,line:205},startBody:{col:54,line:185},endBody:{col:3,line:205}},"input-initially-empty":{startLoc:{col:7,line:159},endLoc:{col:3,line:184},startBody:{col:32,line:159},endBody:{col:3,line:184}},"predefined-date-ranges":{startLoc:{col:7,line:100},endLoc:{col:3,line:158},startBody:{col:33,line:100},endBody:{col:3,line:158}},"date-range-picker-with-times":{startLoc:{col:7,line:84},endLoc:{col:3,line:99},startBody:{col:39,line:84},endBody:{col:3,line:99}},"single-date-picker":{startLoc:{col:7,line:65},endLoc:{col:3,line:83},startBody:{col:29,line:65},endBody:{col:3,line:83}},"date-picker-with-dropdowns":{startLoc:{col:7,line:58},endLoc:{col:3,line:64},startBody:{col:37,line:58},endBody:{col:3,line:64}},"log-events":{startLoc:{col:7,line:42},endLoc:{col:3,line:57},startBody:{col:21,line:42},endBody:{col:3,line:57}},"with-start-and-end-date":{startLoc:{col:7,line:33},endLoc:{col:3,line:41},startBody:{col:34,line:33},endBody:{col:3,line:41}},"simple-input":{startLoc:{col:7,line:26},endLoc:{col:3,line:32},startBody:{col:23,line:26},endBody:{col:3,line:32}},"simple-button":{startLoc:{col:7,line:16},endLoc:{col:3,line:25},startBody:{col:24,line:16},endBody:{col:3,line:25}}}}}).addDecorator(dist.withKnobs).add("simple button",(function(){var buttonLabel=(0,dist.text)("label","click to open");return(0,jsx_runtime.jsx)(src,{children:(0,jsx_runtime.jsx)("button",{type:"button",className:"btn btn-primary",children:buttonLabel})})})).add("simple input",(function(){return(0,jsx_runtime.jsx)(src,{children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})})})).add("with start and end date",(function(){var startDate=(0,dist.text)("startDate","1/1/2017"),endDate=(0,dist.text)("endDate","1/5/2017");return(0,jsx_runtime.jsx)(src,{initialSettings:{startDate,endDate},children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})})})).add("log events",(function(){return(0,jsx_runtime.jsx)(src,{onApply:(0,esm.action)("onApply"),onCancel:(0,esm.action)("onCancel"),onHide:(0,esm.action)("onHide"),onHideCalendar:(0,esm.action)("onHideCalendar"),onShow:(0,esm.action)("onShow"),onShowCalendar:(0,esm.action)("onShowCalendar"),onEvent:(0,esm.action)("onEvent"),onCallback:(0,esm.action)("onCallback"),children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})})})).add("date picker with dropdowns",(function(){return(0,jsx_runtime.jsx)(src,{initialSettings:{showDropdowns:!0},children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})})})).add("single date picker",(function(){return(0,jsx_runtime.jsx)(src,{initialSettings:{singleDatePicker:!0,showDropdowns:!0,startDate:"10/18/1984",minYear:1901,maxYear:parseInt(moment_default()().format("YYYY"),10)},onCallback:function onCallback(start){var years=moment_default()().diff(start,"years");alert("You are "+years+" years old!")},children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})})})).add("date range picker with times",(function(){return(0,jsx_runtime.jsx)(src,{initialSettings:{timePicker:!0,startDate:moment_default()().startOf("hour").toDate(),endDate:moment_default()().startOf("hour").add(32,"hour").toDate(),locale:{format:"M/DD hh:mm A"}},children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})})})).add("predefined date ranges",(function(){var _useState2=_slicedToArray((0,react.useState)({start:moment_default()().subtract(29,"days"),end:moment_default()()}),2),state=_useState2[0],setState=_useState2[1],start=state.start,end=state.end,label=start.format("MMMM D, YYYY")+" - "+end.format("MMMM D, YYYY");return(0,jsx_runtime.jsx)(src,{initialSettings:{startDate:start.toDate(),endDate:end.toDate(),ranges:{Today:[moment_default()().toDate(),moment_default()().toDate()],Yesterday:[moment_default()().subtract(1,"days").toDate(),moment_default()().subtract(1,"days").toDate()],"Last 7 Days":[moment_default()().subtract(6,"days").toDate(),moment_default()().toDate()],"Last 30 Days":[moment_default()().subtract(29,"days").toDate(),moment_default()().toDate()],"This Month":[moment_default()().startOf("month").toDate(),moment_default()().endOf("month").toDate()],"Last Month":[moment_default()().subtract(1,"month").startOf("month").toDate(),moment_default()().subtract(1,"month").endOf("month").toDate()]}},onCallback:function handleCallback(start,end){setState({start,end})},children:(0,jsx_runtime.jsxs)("div",{id:"reportrange",className:"col-4",style:{background:"#fff",cursor:"pointer",padding:"5px 10px",border:"1px solid #ccc",width:"100%"},children:[(0,jsx_runtime.jsx)("i",{className:"fa fa-calendar"})," ",(0,jsx_runtime.jsx)("span",{children:label})," ",(0,jsx_runtime.jsx)("i",{className:"fa fa-caret-down"})]})})})).add("input initially empty",(function(){return(0,jsx_runtime.jsx)(src,{initialSettings:{autoUpdateInput:!1,locale:{cancelLabel:"Clear"}},onApply:function handleApply(event,picker){picker.element.val(picker.startDate.format("MM/DD/YYYY")+" - "+picker.endDate.format("MM/DD/YYYY"))},onCancel:function handleCancel(event,picker){picker.element.val("")},children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4",defaultValue:""})})})).add('set start date from "outside" the component',(function(){var myRef=(0,react.useRef)();return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(src,{ref:myRef,children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("button",{type:"button",className:"btn btn-primary",onClick:function changeStartDate(){myRef.current.setStartDate(moment_default()().subtract(1,"week"))},children:"set startDate to 1 week ago"})]})})).add("use onCallback to display start/end dates",(function(){var _state$start,_state$end,_useState4=_slicedToArray((0,react.useState)(),2),state=_useState4[0],setState=_useState4[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(src,{onCallback:function handleCallback(start,end){setState({start,end})},children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsxs)("h4",{children:["startDate: ",(0,jsx_runtime.jsx)("small",{children:null==state||null===(_state$start=state.start)||void 0===_state$start?void 0:_state$start.format("MM/DD/YYYY (dddd)")})]}),(0,jsx_runtime.jsxs)("h4",{children:["endDate: ",(0,jsx_runtime.jsx)("small",{children:null==state||null===(_state$end=state.end)||void 0===_state$end?void 0:_state$end.format("MM/DD/YYYY (dddd)")})]})]})})).add("change initialSettings (range data)",(function(){var StoryComp=function StoryComp(){var _useState9,changeButtonLabel=(0,dist.text)("change button label","change range label"),keyRef=(0,react.useRef)(Date.now()),_useState6=_slicedToArray((0,react.useState)({startDate:moment_default()("2020/03/01"),endDate:moment_default()("2020/03/15")}),2),dates=_useState6[0],setDates=_useState6[1],_useState8=_slicedToArray((0,react.useState)(((_useState9={})["First Range"]=[moment_default()().subtract(2,"days"),moment_default()().add(2,"days")],_useState9)),2),ranges=_useState8[0],setRanges=_useState8[1],randomNumber=function randomNumber(){return Math.floor(20*Math.random())+1};return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(src,{onApply:function handleApply(event,picker){setDates({startDate:picker.startDate,endDate:picker.endDate})},onCancel:(0,esm.action)("onCancel"),onEvent:(0,esm.action)("onEvent"),onHide:(0,esm.action)("onHide"),onHideCalendar:(0,esm.action)("onHideCalendar"),onShow:(0,esm.action)("onShow"),onShowCalendar:(0,esm.action)("onShowCalendar"),initialSettings:{ranges},children:(0,jsx_runtime.jsx)("input",{type:"text",className:"form-control col-4"})},keyRef.current),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsxs)("h4",{children:["startDate: ",(0,jsx_runtime.jsx)("small",{children:dates.startDate.format()})]}),(0,jsx_runtime.jsxs)("h4",{children:["endDate: ",(0,jsx_runtime.jsx)("small",{children:dates.endDate.format()})]}),(0,jsx_runtime.jsxs)("h4",{children:["ranges: ",(0,jsx_runtime.jsx)("small",{children:JSON.stringify(ranges)})]}),(0,jsx_runtime.jsx)("button",{type:"button",className:"btn btn-primary",onClick:function handleChangeRanges(){var _setRanges;keyRef.current=Date.now(),setRanges(((_setRanges={})["Range "+Date.now()]=[moment_default()().subtract(randomNumber(),"days").startOf("day"),moment_default()().add(randomNumber(),"days").startOf("day")],_setRanges))},children:changeButtonLabel})]})};return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(StoryComp,{})})}))},"./storybook-init-framework-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./node_modules/moment/locale sync recursive ^\\.\\/.*$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./af":"./node_modules/moment/locale/af.js","./af.js":"./node_modules/moment/locale/af.js","./ar":"./node_modules/moment/locale/ar.js","./ar-dz":"./node_modules/moment/locale/ar-dz.js","./ar-dz.js":"./node_modules/moment/locale/ar-dz.js","./ar-kw":"./node_modules/moment/locale/ar-kw.js","./ar-kw.js":"./node_modules/moment/locale/ar-kw.js","./ar-ly":"./node_modules/moment/locale/ar-ly.js","./ar-ly.js":"./node_modules/moment/locale/ar-ly.js","./ar-ma":"./node_modules/moment/locale/ar-ma.js","./ar-ma.js":"./node_modules/moment/locale/ar-ma.js","./ar-sa":"./node_modules/moment/locale/ar-sa.js","./ar-sa.js":"./node_modules/moment/locale/ar-sa.js","./ar-tn":"./node_modules/moment/locale/ar-tn.js","./ar-tn.js":"./node_modules/moment/locale/ar-tn.js","./ar.js":"./node_modules/moment/locale/ar.js","./az":"./node_modules/moment/locale/az.js","./az.js":"./node_modules/moment/locale/az.js","./be":"./node_modules/moment/locale/be.js","./be.js":"./node_modules/moment/locale/be.js","./bg":"./node_modules/moment/locale/bg.js","./bg.js":"./node_modules/moment/locale/bg.js","./bm":"./node_modules/moment/locale/bm.js","./bm.js":"./node_modules/moment/locale/bm.js","./bn":"./node_modules/moment/locale/bn.js","./bn-bd":"./node_modules/moment/locale/bn-bd.js","./bn-bd.js":"./node_modules/moment/locale/bn-bd.js","./bn.js":"./node_modules/moment/locale/bn.js","./bo":"./node_modules/moment/locale/bo.js","./bo.js":"./node_modules/moment/locale/bo.js","./br":"./node_modules/moment/locale/br.js","./br.js":"./node_modules/moment/locale/br.js","./bs":"./node_modules/moment/locale/bs.js","./bs.js":"./node_modules/moment/locale/bs.js","./ca":"./node_modules/moment/locale/ca.js","./ca.js":"./node_modules/moment/locale/ca.js","./cs":"./node_modules/moment/locale/cs.js","./cs.js":"./node_modules/moment/locale/cs.js","./cv":"./node_modules/moment/locale/cv.js","./cv.js":"./node_modules/moment/locale/cv.js","./cy":"./node_modules/moment/locale/cy.js","./cy.js":"./node_modules/moment/locale/cy.js","./da":"./node_modules/moment/locale/da.js","./da.js":"./node_modules/moment/locale/da.js","./de":"./node_modules/moment/locale/de.js","./de-at":"./node_modules/moment/locale/de-at.js","./de-at.js":"./node_modules/moment/locale/de-at.js","./de-ch":"./node_modules/moment/locale/de-ch.js","./de-ch.js":"./node_modules/moment/locale/de-ch.js","./de.js":"./node_modules/moment/locale/de.js","./dv":"./node_modules/moment/locale/dv.js","./dv.js":"./node_modules/moment/locale/dv.js","./el":"./node_modules/moment/locale/el.js","./el.js":"./node_modules/moment/locale/el.js","./en-au":"./node_modules/moment/locale/en-au.js","./en-au.js":"./node_modules/moment/locale/en-au.js","./en-ca":"./node_modules/moment/locale/en-ca.js","./en-ca.js":"./node_modules/moment/locale/en-ca.js","./en-gb":"./node_modules/moment/locale/en-gb.js","./en-gb.js":"./node_modules/moment/locale/en-gb.js","./en-ie":"./node_modules/moment/locale/en-ie.js","./en-ie.js":"./node_modules/moment/locale/en-ie.js","./en-il":"./node_modules/moment/locale/en-il.js","./en-il.js":"./node_modules/moment/locale/en-il.js","./en-in":"./node_modules/moment/locale/en-in.js","./en-in.js":"./node_modules/moment/locale/en-in.js","./en-nz":"./node_modules/moment/locale/en-nz.js","./en-nz.js":"./node_modules/moment/locale/en-nz.js","./en-sg":"./node_modules/moment/locale/en-sg.js","./en-sg.js":"./node_modules/moment/locale/en-sg.js","./eo":"./node_modules/moment/locale/eo.js","./eo.js":"./node_modules/moment/locale/eo.js","./es":"./node_modules/moment/locale/es.js","./es-do":"./node_modules/moment/locale/es-do.js","./es-do.js":"./node_modules/moment/locale/es-do.js","./es-mx":"./node_modules/moment/locale/es-mx.js","./es-mx.js":"./node_modules/moment/locale/es-mx.js","./es-us":"./node_modules/moment/locale/es-us.js","./es-us.js":"./node_modules/moment/locale/es-us.js","./es.js":"./node_modules/moment/locale/es.js","./et":"./node_modules/moment/locale/et.js","./et.js":"./node_modules/moment/locale/et.js","./eu":"./node_modules/moment/locale/eu.js","./eu.js":"./node_modules/moment/locale/eu.js","./fa":"./node_modules/moment/locale/fa.js","./fa.js":"./node_modules/moment/locale/fa.js","./fi":"./node_modules/moment/locale/fi.js","./fi.js":"./node_modules/moment/locale/fi.js","./fil":"./node_modules/moment/locale/fil.js","./fil.js":"./node_modules/moment/locale/fil.js","./fo":"./node_modules/moment/locale/fo.js","./fo.js":"./node_modules/moment/locale/fo.js","./fr":"./node_modules/moment/locale/fr.js","./fr-ca":"./node_modules/moment/locale/fr-ca.js","./fr-ca.js":"./node_modules/moment/locale/fr-ca.js","./fr-ch":"./node_modules/moment/locale/fr-ch.js","./fr-ch.js":"./node_modules/moment/locale/fr-ch.js","./fr.js":"./node_modules/moment/locale/fr.js","./fy":"./node_modules/moment/locale/fy.js","./fy.js":"./node_modules/moment/locale/fy.js","./ga":"./node_modules/moment/locale/ga.js","./ga.js":"./node_modules/moment/locale/ga.js","./gd":"./node_modules/moment/locale/gd.js","./gd.js":"./node_modules/moment/locale/gd.js","./gl":"./node_modules/moment/locale/gl.js","./gl.js":"./node_modules/moment/locale/gl.js","./gom-deva":"./node_modules/moment/locale/gom-deva.js","./gom-deva.js":"./node_modules/moment/locale/gom-deva.js","./gom-latn":"./node_modules/moment/locale/gom-latn.js","./gom-latn.js":"./node_modules/moment/locale/gom-latn.js","./gu":"./node_modules/moment/locale/gu.js","./gu.js":"./node_modules/moment/locale/gu.js","./he":"./node_modules/moment/locale/he.js","./he.js":"./node_modules/moment/locale/he.js","./hi":"./node_modules/moment/locale/hi.js","./hi.js":"./node_modules/moment/locale/hi.js","./hr":"./node_modules/moment/locale/hr.js","./hr.js":"./node_modules/moment/locale/hr.js","./hu":"./node_modules/moment/locale/hu.js","./hu.js":"./node_modules/moment/locale/hu.js","./hy-am":"./node_modules/moment/locale/hy-am.js","./hy-am.js":"./node_modules/moment/locale/hy-am.js","./id":"./node_modules/moment/locale/id.js","./id.js":"./node_modules/moment/locale/id.js","./is":"./node_modules/moment/locale/is.js","./is.js":"./node_modules/moment/locale/is.js","./it":"./node_modules/moment/locale/it.js","./it-ch":"./node_modules/moment/locale/it-ch.js","./it-ch.js":"./node_modules/moment/locale/it-ch.js","./it.js":"./node_modules/moment/locale/it.js","./ja":"./node_modules/moment/locale/ja.js","./ja.js":"./node_modules/moment/locale/ja.js","./jv":"./node_modules/moment/locale/jv.js","./jv.js":"./node_modules/moment/locale/jv.js","./ka":"./node_modules/moment/locale/ka.js","./ka.js":"./node_modules/moment/locale/ka.js","./kk":"./node_modules/moment/locale/kk.js","./kk.js":"./node_modules/moment/locale/kk.js","./km":"./node_modules/moment/locale/km.js","./km.js":"./node_modules/moment/locale/km.js","./kn":"./node_modules/moment/locale/kn.js","./kn.js":"./node_modules/moment/locale/kn.js","./ko":"./node_modules/moment/locale/ko.js","./ko.js":"./node_modules/moment/locale/ko.js","./ku":"./node_modules/moment/locale/ku.js","./ku.js":"./node_modules/moment/locale/ku.js","./ky":"./node_modules/moment/locale/ky.js","./ky.js":"./node_modules/moment/locale/ky.js","./lb":"./node_modules/moment/locale/lb.js","./lb.js":"./node_modules/moment/locale/lb.js","./lo":"./node_modules/moment/locale/lo.js","./lo.js":"./node_modules/moment/locale/lo.js","./lt":"./node_modules/moment/locale/lt.js","./lt.js":"./node_modules/moment/locale/lt.js","./lv":"./node_modules/moment/locale/lv.js","./lv.js":"./node_modules/moment/locale/lv.js","./me":"./node_modules/moment/locale/me.js","./me.js":"./node_modules/moment/locale/me.js","./mi":"./node_modules/moment/locale/mi.js","./mi.js":"./node_modules/moment/locale/mi.js","./mk":"./node_modules/moment/locale/mk.js","./mk.js":"./node_modules/moment/locale/mk.js","./ml":"./node_modules/moment/locale/ml.js","./ml.js":"./node_modules/moment/locale/ml.js","./mn":"./node_modules/moment/locale/mn.js","./mn.js":"./node_modules/moment/locale/mn.js","./mr":"./node_modules/moment/locale/mr.js","./mr.js":"./node_modules/moment/locale/mr.js","./ms":"./node_modules/moment/locale/ms.js","./ms-my":"./node_modules/moment/locale/ms-my.js","./ms-my.js":"./node_modules/moment/locale/ms-my.js","./ms.js":"./node_modules/moment/locale/ms.js","./mt":"./node_modules/moment/locale/mt.js","./mt.js":"./node_modules/moment/locale/mt.js","./my":"./node_modules/moment/locale/my.js","./my.js":"./node_modules/moment/locale/my.js","./nb":"./node_modules/moment/locale/nb.js","./nb.js":"./node_modules/moment/locale/nb.js","./ne":"./node_modules/moment/locale/ne.js","./ne.js":"./node_modules/moment/locale/ne.js","./nl":"./node_modules/moment/locale/nl.js","./nl-be":"./node_modules/moment/locale/nl-be.js","./nl-be.js":"./node_modules/moment/locale/nl-be.js","./nl.js":"./node_modules/moment/locale/nl.js","./nn":"./node_modules/moment/locale/nn.js","./nn.js":"./node_modules/moment/locale/nn.js","./oc-lnc":"./node_modules/moment/locale/oc-lnc.js","./oc-lnc.js":"./node_modules/moment/locale/oc-lnc.js","./pa-in":"./node_modules/moment/locale/pa-in.js","./pa-in.js":"./node_modules/moment/locale/pa-in.js","./pl":"./node_modules/moment/locale/pl.js","./pl.js":"./node_modules/moment/locale/pl.js","./pt":"./node_modules/moment/locale/pt.js","./pt-br":"./node_modules/moment/locale/pt-br.js","./pt-br.js":"./node_modules/moment/locale/pt-br.js","./pt.js":"./node_modules/moment/locale/pt.js","./ro":"./node_modules/moment/locale/ro.js","./ro.js":"./node_modules/moment/locale/ro.js","./ru":"./node_modules/moment/locale/ru.js","./ru.js":"./node_modules/moment/locale/ru.js","./sd":"./node_modules/moment/locale/sd.js","./sd.js":"./node_modules/moment/locale/sd.js","./se":"./node_modules/moment/locale/se.js","./se.js":"./node_modules/moment/locale/se.js","./si":"./node_modules/moment/locale/si.js","./si.js":"./node_modules/moment/locale/si.js","./sk":"./node_modules/moment/locale/sk.js","./sk.js":"./node_modules/moment/locale/sk.js","./sl":"./node_modules/moment/locale/sl.js","./sl.js":"./node_modules/moment/locale/sl.js","./sq":"./node_modules/moment/locale/sq.js","./sq.js":"./node_modules/moment/locale/sq.js","./sr":"./node_modules/moment/locale/sr.js","./sr-cyrl":"./node_modules/moment/locale/sr-cyrl.js","./sr-cyrl.js":"./node_modules/moment/locale/sr-cyrl.js","./sr.js":"./node_modules/moment/locale/sr.js","./ss":"./node_modules/moment/locale/ss.js","./ss.js":"./node_modules/moment/locale/ss.js","./sv":"./node_modules/moment/locale/sv.js","./sv.js":"./node_modules/moment/locale/sv.js","./sw":"./node_modules/moment/locale/sw.js","./sw.js":"./node_modules/moment/locale/sw.js","./ta":"./node_modules/moment/locale/ta.js","./ta.js":"./node_modules/moment/locale/ta.js","./te":"./node_modules/moment/locale/te.js","./te.js":"./node_modules/moment/locale/te.js","./tet":"./node_modules/moment/locale/tet.js","./tet.js":"./node_modules/moment/locale/tet.js","./tg":"./node_modules/moment/locale/tg.js","./tg.js":"./node_modules/moment/locale/tg.js","./th":"./node_modules/moment/locale/th.js","./th.js":"./node_modules/moment/locale/th.js","./tk":"./node_modules/moment/locale/tk.js","./tk.js":"./node_modules/moment/locale/tk.js","./tl-ph":"./node_modules/moment/locale/tl-ph.js","./tl-ph.js":"./node_modules/moment/locale/tl-ph.js","./tlh":"./node_modules/moment/locale/tlh.js","./tlh.js":"./node_modules/moment/locale/tlh.js","./tr":"./node_modules/moment/locale/tr.js","./tr.js":"./node_modules/moment/locale/tr.js","./tzl":"./node_modules/moment/locale/tzl.js","./tzl.js":"./node_modules/moment/locale/tzl.js","./tzm":"./node_modules/moment/locale/tzm.js","./tzm-latn":"./node_modules/moment/locale/tzm-latn.js","./tzm-latn.js":"./node_modules/moment/locale/tzm-latn.js","./tzm.js":"./node_modules/moment/locale/tzm.js","./ug-cn":"./node_modules/moment/locale/ug-cn.js","./ug-cn.js":"./node_modules/moment/locale/ug-cn.js","./uk":"./node_modules/moment/locale/uk.js","./uk.js":"./node_modules/moment/locale/uk.js","./ur":"./node_modules/moment/locale/ur.js","./ur.js":"./node_modules/moment/locale/ur.js","./uz":"./node_modules/moment/locale/uz.js","./uz-latn":"./node_modules/moment/locale/uz-latn.js","./uz-latn.js":"./node_modules/moment/locale/uz-latn.js","./uz.js":"./node_modules/moment/locale/uz.js","./vi":"./node_modules/moment/locale/vi.js","./vi.js":"./node_modules/moment/locale/vi.js","./x-pseudo":"./node_modules/moment/locale/x-pseudo.js","./x-pseudo.js":"./node_modules/moment/locale/x-pseudo.js","./yo":"./node_modules/moment/locale/yo.js","./yo.js":"./node_modules/moment/locale/yo.js","./zh-cn":"./node_modules/moment/locale/zh-cn.js","./zh-cn.js":"./node_modules/moment/locale/zh-cn.js","./zh-hk":"./node_modules/moment/locale/zh-hk.js","./zh-hk.js":"./node_modules/moment/locale/zh-hk.js","./zh-mo":"./node_modules/moment/locale/zh-mo.js","./zh-mo.js":"./node_modules/moment/locale/zh-mo.js","./zh-tw":"./node_modules/moment/locale/zh-tw.js","./zh-tw.js":"./node_modules/moment/locale/zh-tw.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./node_modules/moment/locale sync recursive ^\\.\\/.*$"},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.js)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./index.stories.js":"./src/index.stories.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.js)$"},"?4f7e":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.js)$")],module,!1)}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[38],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-knobs/dist/preset/addDecorator.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"))));__webpack_require__.O()}]);