@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/datetime-picker/base/example.jsx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/datetime-picker/base/example.jsx.js"]=function(e){function t(t){for(var a,s,o=t[0],d=t[1],r=t[2],c=0,u=[];c<o.length;c++)s=o[c],n[s]&&u.push(n[s][0]),n[s]=0;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&(e[a]=d[a]);for(m&&m(t);u.length;)u.shift()();return i.push.apply(i,r||[]),l()}function l(){for(var e,t=0;t<i.length;t++){for(var l=i[t],a=!0,o=1;o<l.length;o++){var d=l[o];0!==n[d]&&(a=!1)}a&&(i.splice(t--,1),e=s(s.s=l[0]))}return e}var a={},n={90: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},i=[];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 o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],d=o.push.bind(o);o.push=t,o=o.slice();for(var r=0;r<o.length;r++)t(o[r]);var m=d;return i.push([157,0]),l()}({0:function(e,t){e.exports=React},157:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.Context=void 0;var a=r(l(0)),n=l(15),i=l(67),s=r(l(2)),o=l(7),d=l(9);function r(e){return e&&e.__esModule?e:{default:e}}var m=function(e){return a.default.createElement(n.Listbox,{className:"slds-dropdown slds-dropdown_fluid slds-dropdown_length-5",vertical:!0},a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-01",title:"6:00am"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-02",title:"7:00am"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-03",title:"8:00am",selected:e.optionSelected})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-04",title:"9:00am"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-05",title:"10:00am"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-06",title:"11:00am"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-07",title:"12:00pm"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-08",title:"1:00pm"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-09",title:"2:00pm"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-10",title:"3:00pm"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-11",title:"4:00pm"})),a.default.createElement(n.ListboxItem,null,a.default.createElement(n.Option,{id:"listbox-option-unique-id-12",title:"5:00pm"})))};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"},"Date and Time"),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(o.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"date-input-id",hasRightIcon:!0,dropdown:a.default.createElement(i.DatePicker,{todayActive:!0})},a.default.createElement(d.Input,{id:"date-input-id",placeholder:" "}),a.default.createElement(s.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(n.ComboboxContainer,{label:"Time",autocomplete:!0,className:"slds-combobox-picklist slds-timepicker",inputIcon:"right",inputIconRightSymbol:"clock",inputIconRightAssistiveText:"Select a time",placeholder:" ",listbox:a.default.createElement(m,null)}))))));t.states=[{id:"date-selection",label:"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"},"Date and Time"),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(o.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"date-input-id",hasRightIcon:!0,dropdown:a.default.createElement(i.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4"})},a.default.createElement(d.Input,{id:"date-input-id",placeholder:" ",defaultValue:"06/24/2014"}),a.default.createElement(s.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(n.ComboboxContainer,{label:"Time",autocomplete:!0,className:"slds-combobox-picklist slds-timepicker",inputIcon:"right",inputIconRightSymbol:"clock",inputIconRightAssistiveText:"Select a time",placeholder:" ",listbox:a.default.createElement(m,null)}))))))},{id:"time-selection",label:"Time 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"},"Date and Time"),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(o.FormElement,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click",labelContent:"Date",inputId:"date-input-id",hasRightIcon:!0,dropdown:a.default.createElement(i.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4"})},a.default.createElement(d.Input,{id:"date-input-id",placeholder:" ",defaultValue:"06/24/2014"}),a.default.createElement(s.default,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"})),a.default.createElement(n.ComboboxContainer,{label:"Time",autocomplete:!0,isOpen:!0,className:"slds-combobox-picklist slds-timepicker",inputIcon:"right",inputIconRightSymbol:"clock",inputIconRightAssistiveText:"Select a time",placeholder:" ",value:"8:00am",listbox:a.default.createElement(m,{optionSelected:!0})}))))))}]}});