Add date and time widgets to hyprlock

README.org

@@ -58,6 +58,8 @@
   - [[#widgets][Widgets]]
     - [[#background][Background]]
     - [[#input-field][Input Field]]
+    - [[#date][Date]]
+    - [[#time][Time]]
 - [[#waybar][Waybar]]
   - [[#start-configuration][Start Configuration]]
   - [[#bar][Bar]]
@@ -780,7 +782,7 @@ general {
     hide_cursor = true
     grace = 0
     ignore_empty_input = false
-    immediate_render = false
+    immediate_render = true
     text_trim = true
     fractional_scaling = 2
     screencopy_mode = 0
@@ -817,6 +819,7 @@ background {
     path = screenshot
     blur_passes = 5
     blur_size = 9
+    color = rgba(282a36ff)
     noise = 0.0117
     contrast = 0.8916
     brightness = 0.8172
@@ -831,9 +834,9 @@ background {
 input-field {
     monitor =
     size = 20%, 5%
-    outline_thickness = 5
+    outline_thickness = 2
-    dots_size = 0.25
+    dots_size = 0.2
-    dots_spacing = 0.30
+    dots_spacing = 0.35
     dots_center = true
     dots_rounding = -1
     outer_color = rgba(8be9fdff) rgba(bd93f9ff) 45deg
@@ -844,6 +847,38 @@ input-field {
     fade_timeout = 2000
     check_color = rgba(f1fa8cff)
     fail_color = rgba(ff5555ff)
+    halign = center
+    valign = center
+}
+#+END_SRC
+
+*** Date
+
+#+BEGIN_SRC conf :tangle hyprlock.conf
+label {
+    monitor =
+    text = cmd[update:1000] date +"%A, %B %d"
+    color = rgba(bd93f9ff)
+    font_size = 22
+    font_family = JetBrains Mono
+    position = 0, 300
+    halign = center
+    valign = center
+}
+#+END_SRC
+
+*** Time
+
+#+BEGIN_SRC conf :tangle hyprlock.conf
+label {
+    monitor =
+    text = cmd[update:1000] date +"%-I:%M %p"
+    color = rgba(8be9fdff)
+    font_size = 95
+    font_family = JetBrains Mono Extrabold
+    position = 0, 200
+    halign = center
+    valign = center
 }
 #+END_SRC
 

hyprlock.conf

@@ -2,7 +2,7 @@ general {
     hide_cursor = true
     grace = 0
     ignore_empty_input = false
-    immediate_render = false
+    immediate_render = true
     text_trim = true
     fractional_scaling = 2
     screencopy_mode = 0
@@ -25,6 +25,7 @@ background {
     path = screenshot
     blur_passes = 5
     blur_size = 9
+    color = rgba(282a36ff)
     noise = 0.0117
     contrast = 0.8916
     brightness = 0.8172
@@ -35,9 +36,9 @@ background {
 input-field {
     monitor =
     size = 20%, 5%
-    outline_thickness = 5
+    outline_thickness = 2
-    dots_size = 0.25
+    dots_size = 0.2
-    dots_spacing = 0.30
+    dots_spacing = 0.35
     dots_center = true
     dots_rounding = -1
     outer_color = rgba(8be9fdff) rgba(bd93f9ff) 45deg
@@ -48,4 +49,28 @@ input-field {
     fade_timeout = 2000
     check_color = rgba(f1fa8cff)
     fail_color = rgba(ff5555ff)
+    halign = center
+    valign = center
+}
+
+label {
+    monitor =
+    text = cmd[update:1000] date +"%A, %B %d"
+    color = rgba(bd93f9ff)
+    font_size = 22
+    font_family = JetBrains Mono
+    position = 0, 300
+    halign = center
+    valign = center
+}
+
+label {
+    monitor =
+    text = cmd[update:1000] date +"%-I:%M %p"
+    color = rgba(8be9fdff)
+    font_size = 95
+    font_family = JetBrains Mono Extrabold
+    position = 0, 200
+    halign = center
+    valign = center
 }