Day selection by week

Hello! I’ve been working on an expense tracker and I had the need to filter by day and the date control didn’t cut it so I made my own and you can use it in any of your projects if you want!
Day selection v1

USER SPECIFIC
As we work with other people, it is a must having filters for each one so we don’t disrupt other’s work.
So I made this user specific.

DATE RANGE
You can specify the date range the user is allowed to select, something the date control is lacking.

DATA DOT
Sometimes you don’t know which days have data and you have to select every date to see what’s inside, well, no more! all the dates that have data are marked with a dot.

TODAY BUTTON
Quick and easy way to select today’s date.

START ON MONDAY
In the settings section you can find a toggle to make it start on monday.

MOBILE FRIENDLY
You can find a toggle to make it mobile, this will change the layout and size of the buttons to make it better on mobile.

CHANGE LANGUAGE
You can change the language by going to the months table and days of week table and change the names there. Everything will change accordingly.

7 Likes

Oh yeah! This is so cool - thanks for sharing!

3 Likes

Awesome Saul!

I really like these Coda applications that focuson greatly improving UX.

I’ll definitely keep it in mind for my projects!

Thanks for sharing!

1 Like