Time Picker with Day or Night Illustration

twitter logo github logo Updated on ・1 min read

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: https://materialdesignicons.com/

twitter logo DISCUSS
Classic DEV Post from Jan 18

Getting Started with Test Driven Development

An introduction to test driven development.

Takane Ichinose profile image
A Front end developer who don't stop studying, and practising.

dev.to now has dark theme. 🌝

Go to the "misc" section of your settings and select night theme

P.S. You can also change font to sans serif, which a lot of folks prefer. 💖