A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today.

Last update: Aug 12, 2022

Overview

Datetime Card

A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today.

Useful to remind you how many days it has been since you replaced your water filter or you watered your favoirite plants.

Installation

Or you can download datetime-card.js to your configuration/www folder and cofigure Lovelace to load it:

lovelace:
  mode: yaml
  resources:
    - url: /local/datetime-card.js
      type: module

Configuration

Open a dashboard in edit mode
Click on add a card
Search datetime-card
Click on the card preview
Use the visual or the code editor to configure your card, as below

type: custom:datetime-card
title: Chinese money
image: /local/plant_chinese_money.png
entities:
  - id: input_datetime.plant_chinese_money_w
    max: 9
  - id: input_datetime.plant_chinese_money_m
    max: 5
  - id: input_datetime.plant_chinese_money_f
    max: 17

NOTE: lovelace-card-mod makes the visual editor crash because it tries to overwrite setConfig method, which in datetime-card is read-only. The code editor works, just ignore the error.

Actions

reset date: just press and hold down the mouse button on the bar or on the days label to reset the entity to the current date.

TODO

Add autocomplete in the editor for entities
Add dnd in the editor for entities

Comments

No visual editor available for type 'custom:datetime-card'
Interesting... It says No visual editor available for type 'custom:datetime-card'.

Looking at the screenshot you provided, I've managed to get one entity on there, but on the project page you have 3 entities. How did you get that?

This is what I have.

type: custom:datetime-card entity: - input_datetime.christmas_day max: 365

Originally posted by @cjsmns in https://github.com/a-p-z/datetime-card/issues/1#issuecomment-1134448654
opened by a-p-z 11
Feature request: notifiers

Thanks for publishing this card. elegantly simple. It would be nice if the card allows to configure a notifier in case the max duration gets exceeded. In the ToDo a dnd is mentioned. It’s that a Do not disturb? The combo would be great. notifiers with a dnd option. best Eric

opened by erkr 4
no click-on set date

Hello! I love your card, great work. It's just one thing more it would ne nice to have: the possibility to click on entity and set/change date. Is that possible to add? I'll use it as a note for dog water fountain filter replacement (to set date when it was replaced) Thanks!

opened by Protoncek 2
datetime being set to midnight UTC

I have noticed that on resetting an entity, it is being reset to midnight UTC and not taking into account the local time. For eg: I reset an entity at 8AM 6/6/22 (UTC+10). However, the state of the entity shows as 5/6/22 in developer tools.

opened by kaizersoje 1
Added additional cards that prevent the UI editor

Spent a decent amount of time playing around with card-mod, only to find out that lovelace-layout-card also causes an error with the frontend UI editor.

opened by myztillx 0
Bump terser from 5.13.1 to 5.14.2
Bumps terser from 5.13.1 to 5.14.2.

Changelog

Sourced from terser's changelog.

v5.14.2

Security fix for RegExps that should not be evaluated (regexp DDOS)

Source maps improvements (#1211)

Performance improvements in long property access evaluation (#1213)

v5.14.1

keep_numbers option added to TypeScript defs (#1208)

Fixed parsing of nested template strings (#1204)

v5.14.0

Switched to @jridgewell/source-map for sourcemap generation (#1190, #1181)

Fixed source maps with non-terminated segments (#1106)

Enabled typescript types to be imported from the package (#1194)

Extra DOM props have been added (#1191)

Delete the AST while generating code, as a means to save RAM

Commits

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump svelte from 3.48.0 to 3.49.0
Bumps svelte from 3.48.0 to 3.49.0.

Changelog

Sourced from svelte's changelog.

3.49.0

Improve performance of string escaping during SSR (#5701)

Add ComponentType and ComponentProps convenience types (#6770)

Add support for CSS @layer (#7504)

Export CompileOptions from svelte/compiler (#7658)

Fix DOM-less components not being properly destroyed (#7488)

Fix class: directive updates with <svelte:element> (#7521, #7571)

Harden attribute escaping during SSR (#7530)

Commits

52153db -> v3.49.0

3798808 update changelog

0fa0a38 [fix] export CompileOptions (#7658)

a3ecb44 update changelog

7e1691c [fix] support @layer (#7514)

4583b17 Update CHANGELOG.md

02f60fb [fix]destroy empty component (#7492)

31e5f8b [docs] "What's new in Svelte" July newsletter (#7637)

6f57571 [feat] add convenience types ComponentType and ComponentProps (#6770)

2f562d9 [docs] use npm create instead of npm init (#7641)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Localize the "days" phrase

Most of Home Assistant uses the locale of the user, in this card however the word days is always in English. Is it possible to add either a localized version of the work days or add translations?

opened by mvanlijden 0
Bump decode-uri-component from 0.2.0 to 0.2.2
Bumps decode-uri-component from 0.2.0 to 0.2.2.

Release notes

Sourced from decode-uri-component's releases.

v0.2.2

Prevent overwriting previously decoded tokens 980e0bf

https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

v0.2.1

Switch to GitHub workflows 76abc93

Fix issue where decode throws - fixes #6 746ca5d

Update license (#1) 486d7e2

Tidelift tasks a650457

Meta tweaks 66e1c28

https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

Commits

a0eea46 0.2.2

980e0bf Prevent overwriting previously decoded tokens

3c8a373 0.2.1

76abc93 Switch to GitHub workflows

746ca5d Fix issue where decode throws - fixes #6

486d7e2 Update license (#1)

a650457 Tidelift tasks

66e1c28 Meta tweaks

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0

Releases(v1.0.2)

v1.0.2(Jul 14, 2022)
Changelog

use local date in resetDate and getState (#6)

localize datetime label (#7)

Source code(tar.gz)
Source code(zip)
datetime-card.js(60.02 KB)
1.0.1(May 28, 2022)
Changelog

add show names option (#5 )

add autocomplete

add drag n drop

grid layout

add column and reverse options

small fixes

Source code(tar.gz)
Source code(zip)
datetime-card.js(59.98 KB)
1.0.0(May 11, 2022)

Source code(tar.gz)
Source code(zip)
datetime-card.js(14.22 KB)

Owner

Antonino Piazza

GitHub

A super-simple thermostat for Home Assistant's Lovelace UI.

Minimalist Thermostat by @ShepleySound A super-simple thermostat for Home Assistant's Lovelace. The goal is to create a thermostat interface that clea

1 Jan 22, 2022

A simple extension that shows how many days a user has left until the date of the deadline

10 Nov 18, 2022

Monorepo project that shows the current weather data and weather forecast for next 7 days. Created from scratch to participate in a 14-days hackathon.

Climatic Monorepo project that shows the current weather data and weather forecast for next 7 days. Created from scratch to participate in a 14-days h

6 Jun 23, 2022

Hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar.

Hourly Weather Card by @decompil3d An hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar. Can y

49 Dec 29, 2022

100 Days of Code is a self improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days.

100 Days of Code is a self-improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days. This repository includes a range of tasks, lessons, resources, and challenges on various programming languages to help improve programming skills.

7 Dec 14, 2022

Simple & Quick Access Addon For Home Assistant

Home Assistant - Firefox Addon Quick Access Home Assistant - Firefox Addon Usage Create a Custom Dashboard With Quick Access Entity In Home Assistant

7 Dec 25, 2022

↔️ Swipe through Home Assistant Dashboard views on mobile.

Home Assistant Swipe Navigation Swipe through Home Assistant Dashboard views on mobile. This repository has been forked from maykar/lovelace-swipe-nav

71 Dec 26, 2022

🎛 Desktop application (Windows / macOS / Linux) for Home Assistant built with Electron

Home Assistant - Desktop Desktop App (Windows / macOS / Linux) for Home Assistant built with Electron Installation Just download the latest version fo

12 Dec 11, 2022

🎛 Desktop application (Windows / macOS / Linux) for Home Assistant built with Electron

Home Assistant - Desktop Desktop App (Windows / macOS / Linux) for Home Assistant built with Electron Installation Just download the latest version fo

4 Sep 22, 2022

This project is the capstone for module two of Microverse Bootcamp and has been done as a team and covered the following topics: - Connections to external APIs - Testing program functionalities using Jest - Displaying some products in to the UI - Added like and Comment features to the App

JS-capstone Table of contents Overview The challenge Screenshot Links Project Setup commands My process Built with What I learned Continued developmen

6 Oct 22, 2022

A Technical Blogging Website that utilizes Notion as a CMS for ease of modification with the help of the notion-API & whose content has been rendered with next-js and react-notion-x

GDSC MCE Blogs This repo is what GDSC MCE uses to power their blogging website gdsc-mce-blogs. It uses Notion as a CMS, fetching content from Notion a

7 Dec 16, 2022

A minimalistic area card with sensors and buttons.

Minimalistic Area Card A minimalistic area card to have a control panel of your house on your dashboard. This card will show numeric sensors with its

36 Jan 6, 2023

Detect if a contract has been deployed in the latest (or predefined) block from an address that was previously funded through Tornado.Cash.

??️‍♂️ TORN Detector Detect if a contract has been deployed in the latest (or predefined) block from an address that was previously funded through Tor

14 Dec 24, 2022

TV Shows Web App - A web application based on an external API which contains information about TV shows

TV Shows Web App - A web application based on an external API which contains information about TV shows. th web app let you like the shows that you like the most and comment what you think about them making use of an involvement API to save this interaction information.

14 Dec 17, 2022

This restaurant project is a SPA (single-page application) website. The user can navigate between the home, menu and contact page. I used the MealDB API to display some menu items.

Fresh Cuisine This restaurant project is from the Odin Project and it is a SPA (single-page application) website. The user can navigate between the ho

7 Nov 2, 2022

A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today.

Related tags

Overview

Datetime Card

Installation

Configuration

Actions

TODO

Comments

v5.14.2

v5.14.1

v5.14.0

3.49.0

v0.2.2

v0.2.1

Releases(v1.0.2)

v1.0.2(Jul 14, 2022)

Changelog

1.0.1(May 28, 2022)

Changelog

1.0.0(May 11, 2022)

Owner

Antonino Piazza

A super-simple thermostat for Home Assistant's Lovelace UI.

A simple extension that shows how many days a user has left until the date of the deadline

Monorepo project that shows the current weather data and weather forecast for next 7 days. Created from scratch to participate in a 14-days hackathon.

Hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar.

100 Days of Code is a self improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days.

Simple & Quick Access Addon For Home Assistant

↔️ Swipe through Home Assistant Dashboard views on mobile.

🎛 Desktop application (Windows / macOS / Linux) for Home Assistant built with Electron

🎛 Desktop application (Windows / macOS / Linux) for Home Assistant built with Electron

This project is the capstone for module two of Microverse Bootcamp and has been done as a team and covered the following topics: - Connections to external APIs - Testing program functionalities using Jest - Displaying some products in to the UI - Added like and Comment features to the App

A Technical Blogging Website that utilizes Notion as a CMS for ease of modification with the help of the notion-API & whose content has been rendered with next-js and react-notion-x

A minimalistic area card with sensors and buttons.

Detect if a contract has been deployed in the latest (or predefined) block from an address that was previously funded through Tornado.Cash.

TV Shows Web App - A web application based on an external API which contains information about TV shows

TV Shows Web App - A web application based on an external API which contains information about TV shows

Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Kurs-repo för kursen Webbserver och Databaser

This restaurant project is a SPA (single-page application) website. The user can navigate between the home, menu and contact page. I used the MealDB API to display some menu items.