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.

Encuentra más publicaciones etiquetadas con

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>

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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