Affichage des input_datetime

C’est toujours un problème…

Et une idée pour qu’un input_date s’affiche correctement ?
image

Merci :slight_smile:

L’input date manque vraiment d’amour de la part des dev. Il n’est pas localisé alors que le module js derrière l’est potentiellement.
Et je n’ai jamais réussi à bien affiché al date/heure sélectionnée.
Si j’en ai réellement besoin je joue avec les carte lovelace pour afficher un sensor correspondant à la date choisie par le l’input_date. Celle ci s’affiche bien mais n’est pas éditable. En revanche he peux ajouter une action quand je clique dessus et je choisi d’aller sur le more_info du input_date.

Je suis pas sur d’être hyper clair. J’essaierai de poster un exemple ce soir.

Ca me rassure car j’avais passé un peu de temps à chercher jadis… Il faudrait vraiment qu’ils fassent juste correspondre ça au code pays… Remarque c’est comme pour les semaines qui débutent le dimanche…

Personnellement, je n’utilise pas de dates dans mes input_datetime, seulement des heures.

Voici ma carte de changement des heures :

Code de la carte
card:
  elements:
    - entity: input_datetime.celui_de_gauche_sur_l_image
      hide:
        name: true
      hour_step: 1
      layout:
        align_controls: center
        name: inside
      link_values: true
      minute_step: 5
      name: ''
      style:
        .: |
          ha-card {
            box-shadow: none;
            background-color: rgba(0,0,0,0);
          }
          .time-picker-row{
            margin-left: 5px !important;
          }
        .time-picker-row:
          .time-picker-content:
            .: |
              .time-separator {
                display: none;
              }
            time-unit:
              $: |
                .time-unit {
                  padding: 2px !important;
                }
                .time-input {
                  border: 2px solid var(--primary-color) !important;
                  background-color: rgba(0,0,0,0) !important;
                  color: black !important;
                  border-radius: 5px;
                }     
                .time-picker-icon {
                  color: var(--primary-color) !important;
                  z-index: 100;
                }
        left: 45%
        top: 50%
      type: 'custom:time-picker-card'
    - entity: input_datetime.celui_de_droite_sur_l_image
      hide:
        name: true
      hour_step: 1
      layout:
        align_controls: center
        name: inside
      link_values: true
      minute_step: 5
      name: ''
      style:
        .: |
          ha-card {
            box-shadow: none;
            background-color: rgba(0,0,0,0);
          }
          .time-picker-row{
            margin-left: 5px !important;
          }
        .time-picker-row:
          .time-picker-content:
            .: |
              .time-separator {
                display: none;
              }
            time-unit:
              $: |
                .time-unit {
                  padding: 2px !important;
                }
                .time-input {
                  border: 2px solid var(--primary-color) !important;
                  background-color: rgba(0,0,0,0) !important;
                  color: black !important;
                  border-radius: 5px;
                }     
                .time-picker-icon {
                  color: var(--primary-color) !important;
                  z-index: 100;
                }
        left: 82%
        top: 50%
      type: 'custom:time-picker-card'
    - entity: sensor.empty
      prefix: Matin
      style:
        font-size: 20px
        left: 13%
        pointer-events: none
        top: 70%
      tap_action:
        action: none
      type: state-label
    - entity: sensor.empty
      icon: 'mdi:coffee'
      style:
        '--paper-item-icon-color': var(--primary-color)
        left: 13%
        pointer-events: none
        top: 35%
      tap_action:
        action: none
      type: state-icon
  image: /local/images/transparent/transparent.png
  type: picture-elements
style: |
  ha-card {
    border: 2px solid var(--primary-color);
    margin: 0px 3px 0px 3px;
  }
type: 'custom:mod-card'

Je l’ai introduite sur le forum ici pour les explications.

Pour la correspondance des heures, je passe justement par ce que j’ai mis dans le topic initial :

Oui et merci.
J’avais vu ça, mais ça ne correspond pas à ce que je voulais juste sur une ligne sur une carte entity au format FR et surtout la date. Mais c’est du cosmétique dans l’univers HA tellement riche ! Et on sait que ça sera corrigé un de ces jours.

Faut en faire la demande au prochain “What the heck?!”

Si j’avais le temps de faire et d’écrire tout ce que j’aimerais :wink:

2 « J'aime »

J’ai déjà ouvert une issue sur GitHub.

J’ai mis un +1 sur ton issue pour la faire remonter…