Clock Weather Card

A Home Assistant Dashboard Card available through the Home Assistant Community Store showing the current date, time and a weather forecast.

¹

Credits go to basmilius for the awesome weather icons.

Installation

Manual Installation

1. Download the clock-weather-card.

2. Place the file in your Home Assistant's config/www folder.

3. Add the configuration to your ui-lovelace.yaml.

   resources:
     - url: /local/clock-weather-card.js
       type: module

4. Add configuration for the card in your ui-lovelace.yaml.

Installation and tracking with hacs

1. Make sure the HACS component is installed and working.

2. Search for clock-weather-card in HACS and install it.

3. Add the configuration to your ui-lovelace.yaml.

   resources:
     - url: /hacsfiles/clock-weather-car/clock-weather-card.js
       type: module

4. Restart Home Assistant.

5. Add configuration for the card in your ui-lovelace.yaml.

Configuration

Minimal configuration

- type: custom:clock-weather-card
  entity: weather.home

Options

Name	Type	Requirement	Description	Default
type	string	Required	custom:clock-weather-card
entity	string	Required	ID of the weather entity
sun_entity	boolean	Optional	ID of the sun entity. Used to determine whether to show a day or night icon. If sun integration is not enabled, day icon will be shown	sun.sun
weather_icon_type	fill | line	Optional	Appearance of the large weather icon	line
animated_icon	boolean	Optional	Whether the large weather icon should be animated	true
forecast_days	number	Optional	Days of weather forecast to show	5
locale	string2	Optional	Language to use for language specific text. If not provided, falls back to the locale set in HA	en
time_format	12 | 24	Optional	Format to use when formatting date/time. If not provided, falls back to the time format set in HA	24
hide_today_section	boolean	Optional	Hides the cards today section (upper section), containing the large weather icon, clock and current date	false
hide_forecast_section	boolean	Optional	Hides the cards forecast section (lower section),containing the weather forecast	false

FAQ

• Why don't I see the current day in my weather forecast?

Why don't I see the current day in my weather forecast?

Your weather provider may not provide today's weather as part of their weather forecast. You may consider switching to a different weather provider. OpenWeatherMap is one of the weather integrations providing today's weather.

Footnotes

Footnotes

1. Theme used: lovelace-ios-themes. ↩

2. Supported languages: bg, da, de, en, fr, nl, pl, pt-BR ↩