# 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:** 4

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 23, 2023, 2:34pm UTC](https://forum.inductiveautomation.com/t/date-picker-first-day-of-week/80828/4 "2023-10-23T14:34:53Z")

</div>

Well with the stylesheet.css addition, you just gotta copy past this into it, not a lot of trouble anymore 😛  
That is, if it still works becuase other changes since then might have broken this very fragile css workaround xd If so i can take another look at it again

> [@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/1):
>
> .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: 3 !important;}.calendar \> div[style^="grid-area: 3"]{ grid-row-start: 4 !important;}.calendar \> div[style^="grid-area: 4"]{ grid-row-start: 5 !important;}.calendar \> div[style^="grid-area: 5"]{ grid-row-start: 6 !important;}.calendar \> div[style^="grid-area: 6"]{ grid-row-start: 7 !important;} .calendar \> div[style$="2;"][style^="grid-area: 1"]{ grid-row-start: 1 !important;}.calendar \> div[style$="2;"][style^="grid-area: 2"]{ grid-row-start: 2 !important;}.calendar \> div[style$="2;"][style^="grid-area: 3"]{ grid-row-start: 3 !important;}.calendar \> div[style$="2;"][style^="grid-area: 4"]{ grid-row-start: 4 !important;}.calendar \> div[style$="2;"][style^="grid-area: 5"]{ grid-row-start: 5 !important;}.calendar \> div[style$="2;"][style^="grid-area: 6"]{ grid-row-start: 6 !important;} .iaTimePickerInput--wrapper{ margin-top: 30px; }

---

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