@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/datepickers/range/example.jsx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/datepickers/range/example.jsx.js"]=function(e){function t(t){for(var a,s,r=t[0],i=t[1],o=t[2],c=0,u=[];c<r.length;c++)s=r[c],d[s]&&u.push(d[s][0]),d[s]=0;for(a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a]);for(m&&m(t);u.length;)u.shift()();return n.push.apply(n,o||[]),l()}function l(){for(var e,t=0;t<n.length;t++){for(var l=n[t],a=!0,r=1;r<l.length;r++){var i=l[r];0!==d[i]&&(a=!1)}a&&(n.splice(t--,1),e=s(s.s=l[0]))}return e}var a={},d={174:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},n=[];function s(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,s),l.l=!0,l.exports}s.m=e,s.c=a,s.d=function(e,t,l){s.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},s.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],i=r.push.bind(r);r.push=t,r=r.slice();for(var o=0;o<r.length;o++)t(r[o]);var m=i;return n.push([252,0]),l()}({0:function(e,t){e.exports=React},252:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.Context=void 0;var a=i(l(0)),d=l(67),n=i(l(2)),s=l(7),r=l(9);function i(e){return e&&e.__esModule?e:{default:e}}t.Context=function(e){return a.default.createElement("div",{style:{height:"25rem"}},e.children)};t.default=a.default.createElement("div",{className:"slds-form slds-form_compound"},a.default.createElement("fieldset",{className:"slds-form-element"},a.default.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),a.default.createElement("div",{className:"slds-form-element__control"},a.default.createElement("div",{className:"slds-form-element__group"},a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Start Date",inputId:"date-input-id-01",hasRightIcon:!0,dropdown:a.default.createElement(d.DatePicker,{todayActive:!0})},a.default.createElement(r.Input,{id:"date-input-id-01",placeholder:" "}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click",labelContent:"End Date",inputId:"date-input-id-02",hasRightIcon:!0},a.default.createElement(r.Input,{id:"date-input-id-02",placeholder:" "}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})))))));t.states=[{id:"start-date",label:"Start date selected",element:a.default.createElement("div",{className:"slds-form slds-form_compound"},a.default.createElement("fieldset",{className:"slds-form-element"},a.default.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),a.default.createElement("div",{className:"slds-form-element__control"},a.default.createElement("div",{className:"slds-form-element__group"},a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Start Date",inputId:"date-input-id-01",hasRightIcon:!0,dropdown:a.default.createElement(d.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4"})},a.default.createElement(r.Input,{id:"date-input-id-01",placeholder:" ",defaultValue:"06/24/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click",labelContent:"End Date",inputId:"date-input-id-02",hasRightIcon:!0},a.default.createElement(r.Input,{id:"date-input-id-02",placeholder:" "}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})))))))},{id:"end-date-week",label:"End date selected (Same week)",element:a.default.createElement("div",{className:"slds-form slds-form_compound"},a.default.createElement("fieldset",{className:"slds-form-element"},a.default.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),a.default.createElement("div",{className:"slds-form-element__control"},a.default.createElement("div",{className:"slds-form-element__group"},a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click",labelContent:"Start Date",inputId:"date-input-id-01",hasRightIcon:!0},a.default.createElement(r.Input,{id:"date-input-id-01",placeholder:" ",defaultValue:"06/24/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"End Date",inputId:"date-input-id-02",hasRightIcon:!0,dropdown:a.default.createElement(d.DatePicker,{todayActive:!0,dateSelected:!0,dateRange:"week-4"})},a.default.createElement(r.Input,{id:"date-input-id-02",placeholder:" ",defaultValue:"06/27/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})))))))},{id:"end-date-weeks",label:"End date selected (Different week)",element:a.default.createElement("div",{className:"slds-form slds-form_compound"},a.default.createElement("fieldset",{className:"slds-form-element"},a.default.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),a.default.createElement("div",{className:"slds-form-element__control"},a.default.createElement("div",{className:"slds-form-element__group"},a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click",labelContent:"Start Date",inputId:"date-input-id-01",hasRightIcon:!0},a.default.createElement(r.Input,{id:"date-input-id-01",placeholder:" ",defaultValue:"06/24/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"End Date",inputId:"date-input-id-02",hasRightIcon:!0,dropdown:a.default.createElement(d.DatePicker,{todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0})},a.default.createElement(r.Input,{id:"date-input-id-02",placeholder:" ",defaultValue:"06/29/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})))))))},{id:"today-in-range",label:"Today - In selected range",element:a.default.createElement("div",{className:"slds-form slds-form_compound"},a.default.createElement("fieldset",{className:"slds-form-element"},a.default.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),a.default.createElement("div",{className:"slds-form-element__control"},a.default.createElement("div",{className:"slds-form-element__group"},a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click",labelContent:"Start Date",inputId:"date-input-id-01",hasRightIcon:!0},a.default.createElement(r.Input,{id:"date-input-id-01",placeholder:" ",defaultValue:"06/24/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"End Date",inputId:"date-input-id-02",hasRightIcon:!0,dropdown:a.default.createElement(d.DatePicker,{todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0})},a.default.createElement(r.Input,{id:"date-input-id-02",placeholder:" ",defaultValue:"06/30/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})))))))},{id:"span-across-month-in-range",label:"Current and adjacent month in selected range",element:a.default.createElement("div",{className:"slds-form slds-form_compound"},a.default.createElement("fieldset",{className:"slds-form-element"},a.default.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),a.default.createElement("div",{className:"slds-form-element__control"},a.default.createElement("div",{className:"slds-form-element__group"},a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click",labelContent:"Start Date",inputId:"date-input-id-01",hasRightIcon:!0},a.default.createElement(r.Input,{id:"date-input-id-01",placeholder:" ",defaultValue:"06/24/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(s.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"End Date",inputId:"date-input-id-02",hasRightIcon:!0,dropdown:a.default.createElement(d.DatePicker,{dateSelected:!0,dateRange:"week-5"})},a.default.createElement(r.Input,{id:"date-input-id-02",placeholder:" ",defaultValue:"06/30/2014"}),a.default.createElement(n.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})))))))}]}});