add month grid

src/View/ChatPages/calendarPage.css

@@ -0,0 +1,61 @@
+#chat-page
+  > div
+  > #main
+  > #calendar-page
+  > .pane-wrapper
+  > .pane
+  > .toolbar
+  .input-wrapper {
+  display: flex;
+
+  padding: var(--gap-between-tiles);
+  gap: var(--gap-between-tiles);
+}
+
+#chat-page
+  > div
+  > #main
+  > #calendar-page
+  > .pane-wrapper
+  > .pane
+  > .toolbar
+  .input-wrapper
+  > input {
+  min-height: unset;
+  height: calc(var(--control-height) - 2 * var(--gap-between-tiles));
+
+  appearance: textfield;
+  -moz-appearance: textfield;
+}
+
+#calendar-page .input-wrapper > input::-webkit-outer-spin-button,
+#calendar-page .input-wrapper > input::-webkit-innner-spin-button {
+  appearance: none;
+  -webkit-appearance: none;
+
+  margin: 0px;
+}
+
+#chat-page
+  > div
+  > #main
+  > #calendar-page
+  > .pane-wrapper
+  > .pane
+  > .toolbar
+  .input-wrapper
+  > .year-input {
+  width: 4.4rem;
+}
+
+#chat-page
+  > div
+  > #main
+  > #calendar-page
+  > .pane-wrapper
+  > .pane
+  > .toolbar
+  .input-wrapper
+  > .month-input {
+  width: 3.1rem;
+}