Help with using an Input Datetime in Lovelace

@wellsy wrote:

Evening all…I am using a few Input Datetime’s to record when I last cleaned some of my water treatment tanks. They work fine for the present task as they always stay set to the last cleaned date even after numerous HA restarts. I might be a bit picky though but the way they display in Lovelace UI is a little bit flaky. Note (in the below screenshot) how the actual date is confined to a very small piece of screen real estate and is close to unreadable The ‘name’.is also chopped off if a longer name is used…I adjusted that already. For example ideally Solids Settling was my first choice but that was not at all readable.

InputDatetime (2).PNG770×1045 42.6 KB

Of course by clicking the UI it all becomes clear what the date is and it can be set to a new date as required however surely this could be improved in the Lovelace UI?

To make this a little more useful for my needs I have setup a Markdown Card to display things a little better.

InputDatetime (3).PNG1524×1030 81.9 KB

Apologies that they are not in the same order (I could use some help with ordering template variable results?) but this really has come hot off the press as I have only JUST NOW set this all up. I have only in the last 24 hours managed to use the Markdown Card to display template variables.

Ideally though I would like to be able to setup the date to be in the same format as the ‘States UI’ as you can see below:

InputDatetimeStatesUI (2).PNG452×1052 40.9 KB

Notice how the date is in the format Day (number) Month (name) Year…I would like to be able to do the same in my markdown card but at this point and after looking here and here I have drawn a blank on how to even begin to set that up. Any ideas?

Another observation though is why is the ‘name’ not able to wrap down as the ‘date’ does in the States UI? This is a similar problem that happens on the Entities Card displaying my Input Datetimes in Lovelace as I first noted above.

Anyway,Here is my present Lovelace Config for reference:

  - title: Cleaned
    cards:
      - type: entities
        title: Systems Last Cleaned
        show_header_toggle: false
        entities:
          - entity: input_datetime.only_date01 
            name: S Settling
          - entity: input_datetime.only_date11 
            name: S Settled            
          - entity: input_datetime.only_date02 
            name: FP Settling 
          - entity: input_datetime.only_date03 
            name: SH Final Bio
          - entity: input_datetime.only_date04 
            name: SH First Bio
          - entity: input_datetime.only_date10 
            name: SH Swirl            
          - entity: input_datetime.only_date05 
            name: PA Final Bio
          - entity: input_datetime.only_date06 
            name: PA First Bio
          - entity: input_datetime.only_date09 
            name: PA Swirl            
          - entity: input_datetime.only_date07 
            name: SL Clarifier
          - entity: input_datetime.only_date08 
            name: SL Screen            
      - type: markdown
        title: Last Cleaned
        content: >        
          
          {% for state in states.input_datetime -%}
          {%- if loop.first %}
          {% elif loop.last %}

          
          {% else %}

          
          {% endif -%}
          {{ state.name | capitalize }}: {{state.state_with_unit}}
          {%- endfor %}

Cheers in advance if you can offer any ideas to get me on the right track!

Posts: 7

Participants: 2

Read full topic