Calendar menu

src/panel.rs

···
                 NanelWindowType::Notification => {
                     notification_menu::view(id).style(rounded_background)
                 }
-                NanelWindowType::Calendar => calendar_menu::view(id).style(rounded_background),
+                NanelWindowType::Calendar => {
+                    calendar_menu::view(id, self.datetime).style(rounded_background)
+                }
                 NanelWindowType::SystemTray => systray_menu::view(id).style(rounded_background),
                 NanelWindowType::QuickSettings => {
                     quick_settings_menu::view(id).style(rounded_background)

src/windows/calendar_menu.rs

···
+use chrono::{DateTime, Datelike, Local};
 use iced::{
-    widget::{Container, button, container},
+    Alignment::Center,
+    Length,
+    widget::{Container, button, column, container, row, text},
     window,
 };
+use iced_fonts::Bootstrap;
 use once_cell::sync::Lazy;
 
-use crate::{config::GAP, msg::Message};
+use crate::{
+    config::{BUTTON_SIZE, GAP},
+    msg::Message,
+    styles,
+    widgets::small_icon,
+};
 
 pub static CALENDAR_MENU: Lazy<container::Id> = Lazy::new(|| container::Id::new("cal_menu"));
 
-pub fn view<'a>(window_id: window::Id) -> Container<'a, Message> {
-    container(button("Close Calendar").on_press(Message::UserClosedWindow(window_id)))
-        .padding(GAP)
-        .id(CALENDAR_MENU.clone())
+pub fn view<'a>(_window_id: window::Id, datetime: DateTime<Local>) -> Container<'a, Message> {
+    let weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+
+    let header = row(weekdays.iter().map(|day| {
+        container(text(*day))
+            .width(Length::Fixed(BUTTON_SIZE))
+            .align_x(Center)
+            .align_y(Center)
+            .into()
+    }));
+
+    // first day of month and total days
+    let first_day = datetime
+        .with_day(1)
+        .unwrap()
+        .weekday()
+        .num_days_from_sunday() as usize;
+
+    let days_in_month = (datetime
+        .with_day(1)
+        .unwrap()
+        .with_month(datetime.month() + 1)
+        .unwrap_or(datetime.with_month(1).unwrap())
+        .signed_duration_since(datetime.with_day(1).unwrap())
+        .num_days()
+        + 1) as usize;
+
+    let grid = column((0..6).map(|r| {
+        row((0..7).map(|col| {
+            let day_num = r * 7 + col;
+            let (content, style): (
+                String,
+                for<'b> fn(
+                    &'b iced::Theme,
+                    iced::widget::button::Status,
+                ) -> iced::widget::button::Style,
+            ) = if day_num >= first_day && day_num < first_day + days_in_month {
+                let day = day_num - first_day + 1;
+                (
+                    day.to_string(),
+                    match day == datetime.day() as usize {
+                        true => styles::solid,
+                        false => styles::transparent,
+                    },
+                )
+            } else {
+                (String::new(), styles::transparent)
+            };
+
+            button(text(content).align_x(Center).align_y(Center))
+                .width(Length::Fixed(BUTTON_SIZE))
+                .height(Length::Fixed(BUTTON_SIZE))
+                .style(style)
+                .into()
+        }))
+        .spacing(1)
+        .into()
+    }))
+    .spacing(1);
+
+    container(column![
+        row![
+            text(datetime.format("%a %-e %B %Y").to_string()).size(24),
+            button(small_icon(Bootstrap::ChevronLeft))
+                .style(styles::transparent)
+                .width(Length::Shrink),
+            button(small_icon(Bootstrap::ChevronRight))
+                .style(styles::transparent)
+                .width(Length::Shrink),
+        ],
+        header,
+        grid
+    ])
+    .width(Length::Shrink)
+    .width(Length::Shrink)
+    .padding(GAP)
+    .id(CALENDAR_MENU.clone())
 }