topic Re: How to initialize the value for Input Date Picker component in Calcite Design System Questions

How to initialize the value for Input Date Picker component

baohuachu2 — Tue, 27 Sep 2022 07:20:47 GMT

setting value, start or end not succeed.

Re: How to initialize the value for Input Date Picker component

FC_Basson — Tue, 27 Sep 2022 07:37:37 GMT

Are you using the latest release (1.0.0-beta.94)? The "start" and "end" properties have been deprecated and should be replaced with "min" and "max" properties.

https://developers.arcgis.com/calcite-design-system/components/date-picker/#api-reference

<calcite-date-picker min="2022-01-01" max="2022-12-31" value="2022-09-27"></calcite-date-picker>

Re: How to initialize the value for Input Date Picker component

baohuachu2 — Wed, 28 Sep 2022 02:01:12 GMT

Hello FC_Basson ，

For the date pickers with range type , how to set the default values? See the code pen, the "value" property works for no range type.

Re: How to initialize the value for Input Date Picker component

KittyHurley — Mon, 03 Oct 2022 16:23:09 GMT

The "value" property value will vary when the component also has range enabled.

Here's a Codepen sample that includes both with and without a range set on the calcite-date-picker component.

Where without a range the value can be set to "YYYY-MM-DD", and with range set on the component the values reside inside an array, such as ["YYYY-MM-DD", "YYYY-MM-DD"].