Update dev dashboard with state-switch

config/lovelace/advanced_dashboard/13_dev.yaml

@@ -1,41 +1,83 @@
 title: dev
 path: dev
 cards:
-  - type: entities
+  - type: horizontal-stack
-    entities:
+    cards:
       - type: custom:button-card
-        name: reload resources
+        template: small
+        icon: mdi:reload
+        name: Theme
+        tap_action:
+          action: call-service
+          service: frontend.reload_themes
+      - type: custom:button-card
+        template: small
+        icon: mdi:reload
+        name: Resources
         tap_action:
           action: call-service
           service: lovelace.reload_resources
-  # FOLDER CARD
+      - type: custom:button-card
-  # - type: vertical-stack
+        template: small
-  #   cards:
+        name: time picker
-  #     - type: horizontal-stack
+        icon: mdi:clock
-  #       cards:
+        tap_action:
-  #         - type: custom:folder-card
+          action: navigate
-  #           entity: sensor.pds
+          navigation_path: "#time_picker"
-  #           max_count: 3
+      - type: custom:button-card
-  #           show_count: true
+        template: small
-  #         - type: custom:folder-card
+        icon: mdi:folder
-  #           entity: sensor.pds
+        name: folder
-  #           max_count: 5
+        tap_action:
-  #         - type: custom:folder-card
+          action: navigate
-  #           entity: sensor.pds
+          navigation_path: "#folder"
-  #           max_count: 2
-  #     - type: custom:folder-card
-  #       entity: sensor.pds
 
-  # Time picker card
+  - type: custom:state-switch
-  - type: vertical-stack
+    entity: hash
-    cards:
+    default: time_picker
-      - type: horizontal-stack
+    states:
+      time_picker:
+        type: vertical-stack
         cards:
+          - type: markdown
+            content: "# 🕰 Time Picker Card dev"
+          - type: entities
+            entities:
+              - input_datetime.alarm_time
+          - type: horizontal-stack
+            cards:
+              - type: custom:time-picker-card
+                entity: input_datetime.alarm_time
+                name: Alarm time
+                hour_mode: 24
+              - type: custom:time-picker-card
+                entity: input_datetime.alarm_time
+                hour_mode: 12
+                hide:
+                  name: true
+
           - type: custom:time-picker-card
             entity: input_datetime.alarm_time
-          - type: custom:time-picker-card
+
-            entity: input_datetime.alarm_time
+
-          - type: custom:time-picker-card
+      folder:
-            entity: input_datetime.alarm_time
+        type: vertical-stack
-      - type: custom:time-picker-card
+        cards:
-        entity: input_datetime.alarm_time
+          - type: markdown
+            content: "# 📂 Folder Card dev"
+          - type: horizontal-stack
+            cards:
+              - type: custom:folder-card
+                entity: sensor.pds
+                max_count: 3
+                show_count: true
+              - type: custom:folder-card
+                entity: sensor.pds
+                max_count: 5
+              - type: custom:folder-card
+                entity: sensor.pds
+                max_count: 2
+          - type: custom:folder-card
+            entity: sensor.pds
+
+

config/lovelace/resources.yaml

@@ -38,6 +38,8 @@
   url: /hacsfiles/mini-media-player/mini-media-player-bundle.js
 - type: module
   url: /hacsfiles/popup-backdrop-filter/popup-backdrop-filter.js
+- type: module
+  url: /hacsfiles/lovelace-state-switch/state-switch.js
 - type: module
   url: /hacsfiles/travel-time-card/travel-time-card.js
 - type: module