# Date picker - First day of week

**URL:** <https://forum.inductiveautomation.com/t/date-picker-first-day-of-week/80828>\
**Category:** Maker\
**Tags:** perspective\
**Created:** [October 23, 2023, 1:07am UTC](https://forum.inductiveautomation.com/t/date-picker-first-day-of-week/80828 "2023-10-23T01:07:07Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Felipe\_CRM](https://avatars.discourse-cdn.com/v4/letter/f/dfb087/32.png) [@Felipe\_CRM](https://forum.inductiveautomation.com/u/Felipe_CRM)\
**Post date:** [October 23, 2023, 1:41pm UTC](https://forum.inductiveautomation.com/t/date-picker-first-day-of-week/80828/3 "2023-10-23T13:41:02Z")

</div>

> [@Transistor](#):
>
> thread somewhere where some folks tried to be clever with CSS

There is this, YMMV:

> [@Css to change datepicker calender to be mon-\>sun instead of sun-\>sat](https://forum.inductiveautomation.com/t/css-to-change-datepicker-calender-to-be-mon-sun-instead-of-sun-sat/48943):
>
> For those who want it, here is the magic! its not perfect but eh: [image] for theme.css .iaDateRangePicker .calendarBar { grid-template-columns: none; } .calendarBar \> div:nth-child(1) { grid-area: 1/8/1/8 !important; } .iaDateRangePicker .calendar{grid-template-columns: none;} .calendar \> div[style$="2;"]{ grid-column-start: 8 !important; grid-column-end: 8 !important;}.calendar \> div[style^="grid-area: 1"]{ grid-row-start: 2 !important;}.calendar \> div[style^="grid-area: 2"]{ grid-row-start…

EDIT: changed to direct link to thread

---

_[View the full topic](https://forum.inductiveautomation.com/t/date-picker-first-day-of-week/80828)._