nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to initialize the value for Input Date Picker component

baohuachu2

setting value, start or end not succeed.

Vind meer berichten getagd met

Accepted answers

KittyHurley

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"].

All comments

KittyHurley

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"].

baohuachu2

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.

FC_Basson

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>

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.