1.4.0

• Add delay property that adds a delay before updating the entity. This allows you to group multiple clicks as a single entity update (#46)

1.3.1

After a long quiet period, version 1.3 is here! 🎉

Changes

• Tap Actions! The standard tap_action, double_tap_action and hold_action are supported. Defaults to more-info. Addresses #38 and #42;
• New visual editor, using the native Lovelace ha-form;
• Border handling for Home Assistant 2022.11, thanks to @OToussaint;
• layout.thin option to render with reduced padding - addresses #24;

Screenshots

Thin mode

Drastically reduces all paddings

Visual editor

1.2.1

Fixes #18 - set overflow to auto to avoid showing unnecessary scrollbars.

1.2.0

• Prevents the card from out-of-bounds rendering when in a grid. Kinda fixes #13, though this is not ideal.
• Adds Theme variable time-picker-control-padding to enable users to scale-up the hitboxes of control elements. See #12.

1.1.1

Fixes a bug in Visual Editor - "Show Name" and "Show Seconds" were being toggled on/off together.

1.1.0

🎉 Version 1.1.0 adds some features requested by community members. All new features are available in the Visual Editor so you can experiment with them and see which setup is best for you! 🙂

Seconds support

Thanks to user cseyler for the suggestion in the Home Assistant community forum!

Adds an option to control an input_datetime's seconds from Time Picker Card. To keep the behavior of the card consistent with previous versions, seconds are hidden by default.

To enable seconds, set the following config:

type: 'custom:time-picker-card'
entity: input_datetime.alarm_time
hide:
  seconds: false

Embedded Style

Thanks to @TheLastProject for suggesting this in #10! This has been suggested multiple times on different forums 🙂

Adds an option to display the card in an "embedded" style, which removes padding, box shadow, and card header. This overrides "Name in header". If there is a name shown, it will always be shown inside the card.

To enable embedded style, set the following config:

type: 'custom:time-picker-card'
entity: input_datetime.alarm_time
layout:
  embedded: true

1.0.1

🎉 Graduating to version 1.0! The card has been stable for a while and has >1k downloads - figured it's time :)

• Adds link_values option, as suggested in #5. When link_values is set to true, the hours will change when minutes overflow.
• Adds theme variable time-picker-border-radius. Defaults to ha-card-border-radius or 4px. Fixes #6

0.1.1

• Fixes how 00:00 - 00:59 is displayed in 12-hour mode. There is no 00:00 AM, it is 12:00 AM.

0.1.0

Adds two new layout options:

• align_controls: left, center, right - changes the horizontal alignment of the time controls
• name: header, inside - allows the entity name to be shown inside the card.

Example:

layout:
  align_controls: right
  name: inside

0.0.5

Adds Visual Editor support