Time Picker Card for Lovelace: A Mobile-Friendly Solution

I’ve been diving into custom Lovelace cards lately, and I wanted to share a project I’ve been working on that might be helpful for others. I developed a Time Picker Card specifically for selecting times on Input Datetime entities. The motivation behind this was the frustration of trying to adjust my alarm times on my phone using the default datetime card—it just wasn’t as intuitive or mobile-friendly as I hoped it would be.

The Time Picker Card is designed to make time adjustments quicker and more seamless. It features buttons that allow you to tap and easily change the time, which is especially handy when you’re on the go. While the design is still a work in progress, I’m really excited about the potential it has to improve the user experience on mobile devices.

I’d love to hear your thoughts and suggestions! Whether you have ideas for improving the UI or just want to share how you’re using it, I’m all ears. For more details and examples, you can check out the GitHub repository linked below.

GitHub

If you’ve tried it out or have any feedback, please let me know! I’m really curious to see how others are using this and if there are any features you’d like to see added.