Date picker
<mc-textfield type="date" label="date">
<mc-icon slot="leading-icon">calendar_today</mc-icon>
<mc-date-picker slot="picker"></mc-date-picker>
</mc-textfield>
Min max
<mc-textfield type="date" label="date" min="2025-03-29" max="2025-04-18">
<mc-icon slot="leading-icon">calendar_today</mc-icon>
<mc-date-picker slot="picker"></mc-date-picker>
</mc-textfield>
Date range
<mc-textfield id="start" class="hide-date-icon" value="2024-01-01" type="date" label="Start">
<mc-icon slot="leading-icon">calendar_today</mc-icon>
</mc-textfield>
<mc-textfield id="end" class="hide-date-icon" value="2024-02-01" type="date" label="End">
<mc-icon slot="leading-icon">calendar_today</mc-icon>
</mc-textfield>
<mc-date-range-picker start-textfield="start" end-textfield="end"></mc-date-range-picker>
Date native component
<mc-textfield type="date" label="date"></mc-textfield>
Date no component
<mc-textfield class="hide-date-icon" type="date" label="date"></mc-textfield>