Configurable format for DateTime module

examples/default.ron

···
             ),
             DateTime(
                 calendar: true,
-                mm_dd_yyyy: false,
-                military: true,
-                seconds: false,
+                upper_format: "%H:%M", // https://docs.rs/chrono/latest/chrono/format/strftime/index.html
+                lower_format: "%d/%m/%Y",
             ),
             NotificationTray,
             ViewDesktop(show_on_hover: true, thin: true)

src/modules.rs

···
     msg::{Message, NanelWindowType},
     panel::label,
     styles::{solid, transparent},
-    widgets::{icon, small_icon, taskbar_button, taskbar_button_thin, taskbar_button_with_info},
+    widgets::{
+        button_with_position::ButtonInfo, icon, small_icon, taskbar_button, taskbar_button_thin,
+        taskbar_button_with_info,
+    },
     windows::{
         calendar_menu, directory_menu, notification_menu, quick_settings_menu, start_menu,
         systray_menu,
···
     },
     DateTime {
         calendar: bool,
-        mm_dd_yyyy: bool,
-        military: bool,
-        seconds: bool,
+        upper_format: String,
+        lower_format: String,
     },
     NotificationTray,
     ViewDesktop {
···
     .into()
 }
 
-fn get_time(
-    time: DateTime<Local>,
-    mm_dd_yyyy: &bool,
-    military: &bool,
-    seconds: &bool,
-) -> (String, String) {
-    let dd = time.day();
-    let dd = match dd {
-        x if x <= 9 => format!("0{}", x),
-        x => format!("{}", x),
-    };
-    let mm = time.month();
-    let mm = match mm {
-        x if x <= 9 => format!("0{}", x),
-        x => format!("{}", x),
-    };
-    let yyyy = time.year();
-
-    let date = match mm_dd_yyyy {
-        true => format!(" {}/{}/{} ", mm, dd, yyyy),
-        false => format!(" {}/{}/{} ", dd, mm, yyyy),
-    };
-
-    let h = time.hour();
-    let h = match military {
-        true => h,
-        false => {
-            if h > 12 {
-                h - 12
-            } else {
-                h
-            }
-        }
-    };
-    let h = match h {
-        x if x <= 9 => format!("0{}", x),
-        x => format!("{}", x),
-    };
-    let m = time.minute();
-    let m = match m {
-        x if x <= 9 => format!("0{}", x),
-        x => format!("{}", x),
-    };
-    let s = time.second();
-    let s = match s {
-        x if x <= 9 => format!("0{}", x),
-        x => format!("{}", x),
-    };
-
-    let time = match seconds {
-        true => format!(" {}:{}:{} ", h, m, s),
-        false => format!(" {}:{} ", h, m),
-    };
-
-    (date, time)
-}
-
 pub fn date_time<'a>(
     datetime: DateTime<Local>,
-    mm_dd_yyyy: &bool,
-    military: &bool,
-    seconds: &bool,
+    calendar: &bool,
+    upper_format: &String,
+    lower_format: &String,
     vertical: &bool,
 ) -> Element<'a, Message> {
-    let (date, time) = get_time(datetime, mm_dd_yyyy, military, seconds);
-
     taskbar_button_with_info(
         match vertical {
             true => Into::<Element<Message>>::into(
                 row![text("TODO")].clip(false).align_y(Alignment::Center),
             ),
             false => Into::<Element<Message>>::into(
-                column![label(time.as_str()), label(date.as_str())]
-                    .clip(false)
-                    .align_x(Alignment::Center),
+                column![
+                    label(
+                        (String::from(" ")
+                            + datetime.format(upper_format.as_str()).to_string().as_str()
+                            + " ")
+                            .as_str()
+                    ),
+                    label(
+                        (String::from(" ")
+                            + datetime.format(lower_format.as_str()).to_string().as_str()
+                            + " ")
+                            .as_str()
+                    ),
+                ]
+                .clip(false)
+                .align_x(Alignment::Center),
             ),
         },
         false,
         vertical,
         transparent,
     )
-    .on_press_with(|info| Message::UserToggledWindow {
-        x: info.position.x as i32,
-        y: info.position.y as i32,
-        viewport: (info.viewport.0 as i32, info.viewport.1 as i32),
-        window_type: NanelWindowType::Calendar,
-        container_id: calendar_menu::CALENDAR_MENU.clone(),
+    .on_press_with_maybe(match calendar {
+        true => Some(|info: ButtonInfo| Message::UserToggledWindow {
+            x: info.position.x as i32,
+            y: info.position.y as i32,
+            viewport: (info.viewport.0 as i32, info.viewport.1 as i32),
+            window_type: NanelWindowType::Calendar,
+            container_id: calendar_menu::CALENDAR_MENU.clone(),
+        }),
+        false => None,
     })
     .padding(1)
     .into()

src/panel.rs

···
                 &self.is_vertical(),
             ),
             Module::DateTime {
-                calendar: _,
-                mm_dd_yyyy,
-                military,
-                seconds,
+                calendar,
+                upper_format,
+                lower_format,
             } => date_time(
                 self.datetime,
-                mm_dd_yyyy,
-                military,
-                seconds,
+                calendar,
+                upper_format,
+                lower_format,
                 &self.is_vertical(),
             ),
             Module::ViewDesktop {

src/widgets/button_with_position.rs

···
         self
     }
 
+    pub fn on_press_with_maybe(
+        mut self,
+        on_press: Option<impl Fn(ButtonInfo) -> Message + 'a>,
+    ) -> Self {
+        self.on_press = match on_press {
+            Some(on_press) => Some(OnPress::Closure(Box::new(on_press))),
+            None => None,
+        };
+        self
+    }
+
     /// Sets whether the contents of the [`ButtonWithPosition`] should be clipped on
     /// overflow.
     pub fn clip(mut self, clip: bool) -> Self {