Layout of date picker on tablet is ugly

[adamdewey]

What went wrong? 😲

The layout of the date-picker doesn't look finished, e.g. the time is large and off-center compared to the date:

Expected behaviour 🤔

It should look nicely formatted / deliberate

How to Reproduce 🔨

Steps to reproduce the behaviour:

1. Go to Cold Chain > Monitoring
2. Open the date picker

Your environment 🌱

• Open mSupply Version: 2.2.00-RC3

[mark-prins]

Note that this is the default material UI datepicker formatting. here's how their demo looks

[adamdewey]

Interesting.

I would say that we probably don't need seconds in our date picker - that could give us some real estate back if we limit only to minutes?

[andreievg]

I would say that we probably don't need seconds in our date picker - that could give us some real estate back if we limit only to minutes?

I don't think we have an option to adjust ? An alternative is to use: https://capawesome.io/plugins/datetime-picker/ for android or to write picked ourselves (we did it for Conforma, so could take that and re-style + add time picker). Mui date picker is actually pretty chunky (bundle size wise), so maybe worth considering, but doubt we have time for it

[andreievg]

Daily triage, not a hot fix candidate so leaving for weekly triage

[adamdewey]

I don't think we have an option to adjust ?

Oh, I was assuming there was some config option because in their screenshot it doesn't show seconds?

[mark-prins]

yep, it's config - we are deliberately showing seconds 🙄

how do you like them apples?

[adamdewey]

I like them apples heaps better!