DEV Community 👩‍💻👨‍💻

Takane Ichinose
Takane Ichinose

Posted on • Updated on

Time Picker with Day or Night Illustration

This is a simple VueJS, and a concept for time picker. It may be used for an actual application, or just a simple timepicker, for web based application, or website (or whatever related to html, css, javascript).

The illustration will change to 'day', if the time is between 6:00 am to 5:59 pm. Otherwise, the illustration will change to 'night'.

i18n (internalization) is included, though I don't speak many languages, so I just written here all the languages I speak.

All of the icons/images that are used here are borrowed from here:

Top comments (0)

Regex for lazy developers

regex for lazy devs

You know who you are. Sorry for the callout 😆