remove outdated datepicker component

src/main/frontend/components/datepicker.css

@@ -1,9 +0,0 @@
-#time-repeater {
- input.form-input, select.form-select {
-   @apply h-8 mt-0;
- }
-
- select.form-select {
-   @apply leading-none;
- }
-}

src/main/frontend/components/editor.cljs

@@ -2,7 +2,6 @@
   (:require [clojure.string :as string]
             [dommy.core :as dom]
             [frontend.commands :as commands :refer [*matched-commands]]
-            [frontend.components.file-based.datetime :as datetime-comp]
             [frontend.components.icon :as icon-component]
             [frontend.components.svg :as svg]
             [frontend.config :as config]
@@ -700,10 +699,6 @@
                                                              (state/get-editor-action))
                                                         (state/clear-editor-action!)))}})
 
-                 :datepicker
-                 (open-editor-popup! :datepicker
-                                     (datetime-comp/date-picker id format nil) {})
-
                  :input
                  (open-editor-popup! :input
                                      (editor-input id
@@ -756,7 +751,7 @@
 
       (or (contains?
            #{:commands :page-search :page-search-hashtag :block-search :template-search
-             :property-search :property-value-search :datepicker}
+             :property-search :property-value-search}
            action)
           (and (keyword? action)
                (= (namespace action) "editor.action")))

src/main/frontend/components/file_based/datetime.cljs

@@ -1,182 +0,0 @@
-(ns frontend.components.file-based.datetime
-  (:require [cljs-time.core :as t]
-            [clojure.string :as string]
-            [frontend.commands :as commands]
-            [frontend.components.svg :as svg]
-            [frontend.date :as date]
-            [frontend.handler.editor :as editor-handler]
-            [frontend.handler.file-based.repeated :as repeated]
-            [frontend.state :as state]
-            [frontend.ui :as ui]
-            [frontend.util :as util]
-            [frontend.mixins :as mixins]
-            [rum.core :as rum]
-            [logseq.common.util.page-ref :as page-ref]))
-
-(defonce default-timestamp-value {:time ""
-                                  :repeater {}})
-(defonce *timestamp (atom default-timestamp-value))
-
-(defonce *show-time? (atom false))
-(rum/defc time-input < rum/reactive
-  [default-value]
-  (let [show? (rum/react *show-time?)]
-    (if (or show? (not (string/blank? default-value)))
-      [:div.flex.flex-row {:style {:height 32}}
-       [:input#time.form-input.w-20.ms:w-60
-        {:default-value default-value
-         :on-change (fn [event]
-                      (util/stop event)
-                      (let [value (util/evalue event)]
-                        (swap! *timestamp assoc :time value)))}]
-       [:a.ml-2.self-center {:on-click (fn []
-                                         (reset! *show-time? false)
-                                         (swap! *timestamp assoc :time nil))}
-        svg/close]]
-      [:a.text-sm {:on-click (fn []
-                               (reset! *show-time? true)
-                               (let [{:keys [hour minute]} (date/get-local-date)
-                                     result (str hour ":" (util/zero-pad minute))]
-                                 (swap! *timestamp assoc :time result)))}
-       "Add time"])))
-
-(defonce *show-repeater? (atom false))
-(rum/defc repeater-cp < rum/reactive
-  [{:keys [num duration kind]}]
-  (let [show? (rum/react *show-repeater?)]
-    (if (or show? (and num duration kind))
-      [:div.w.full.flex.flex-row.justify-left.items-center
-       [:input#repeater-num.form-input.w-8.mr-2.px-1.sm:w-20.sm:px-2.text-center
-        {:default-value num
-         :on-change (fn [event]
-                      (let [value (util/evalue event)]
-                        (swap! *timestamp assoc-in [:repeater :num] value)))}]
-       (ui/select
-        (mapv
-         (fn [item]
-           (if (= (:label item) duration)
-             (assoc item :selected "selected")
-             item))
-         [{:label "h"}
-          {:label "d"}
-          {:label "w"}
-          {:label "m"}
-          {:label "y"}])
-        (fn [_e value]
-          (swap! *timestamp assoc-in [:repeater :duration] value)))
-
-       [:a.ml-2.self-center {:on-click (fn []
-                                         (reset! *show-repeater? false)
-                                         (swap! *timestamp assoc :repeater {}))}
-        svg/close]]
-      [:a.text-sm {:on-click (fn []
-                               (reset! *show-repeater? true)
-                               (swap! *timestamp assoc :repeater
-                                      {:kind ".+"
-                                       :num 1
-                                       :duration "d"}))}
-       "Add repeater"])))
-
-(defn- clear-timestamp!
-  []
-  (reset! *timestamp default-timestamp-value)
-  (reset! *show-time? false)
-  (reset! *show-repeater? false)
-  (state/set-state! :date-picker/date nil))
-
-(defn- on-submit
-  "Submit handler of date picker"
-  [e]
-  (when e (util/stop e))
-  (let [{:keys [repeater] :as timestamp} @*timestamp
-        date (-> (:date-picker/date @state/state) date/js-date->goog-date)
-        timestamp (assoc timestamp :date (or date (t/today)))
-        kind (if (= "w" (:duration repeater)) "++" ".+")
-        timestamp (assoc-in timestamp [:repeater :kind] kind)
-        text (repeated/timestamp-map->text timestamp)
-        block-data (state/get-timestamp-block)
-        {:keys [block typ show?]} block-data
-        editing-block-id (:block/uuid (state/get-edit-block))
-        block-id (or (:block/uuid block)
-                     editing-block-id)
-        typ (or @commands/*current-command typ)]
-    (if (and (state/editing?) (= editing-block-id block-id))
-      (editor-handler/set-editing-block-timestamp! typ
-                                                   text)
-      (editor-handler/set-block-timestamp! block-id
-                                           typ
-                                           text))
-
-    (when show?
-      (reset! show? false)))
-  (clear-timestamp!)
-  (state/set-timestamp-block! nil)
-  (commands/restore-state))
-
-(rum/defc time-repeater < rum/reactive
-  (mixins/event-mixin
-   (fn [state]
-     (when-let [input (state/get-input)]
-       (js/setTimeout #(mixins/on-enter state
-                                        :node input
-                                        :on-enter on-submit) 100))))
-  []
-  (let [{:keys [time repeater]} (rum/react *timestamp)]
-    [:div#time-repeater.py-1.px-4
-     [:p.text-sm.opacity-50.font-medium.mt-4 "Time:"]
-     (time-input time)
-
-     [:p.text-sm.opacity-50.font-medium.mt-4 "Repeater:"]
-     (repeater-cp repeater)
-
-     [:p.mt-4
-      (ui/button "Submit"
-                 :on-click on-submit)]]))
-
-(rum/defc date-picker < rum/reactive
-  {:init (fn [state]
-           (let [ts (last (:rum/args state))]
-             (clear-timestamp!)
-             (if ts
-               (reset! *timestamp ts)
-               (reset! *timestamp {:time ""
-                                   :repeater {}}))
-             (when-not (:date-picker/date @state/state)
-               (state/set-state! :date-picker/date (get ts :date (t/today)))))
-           state)}
-  [dom-id format _ts]
-  (let [current-command @commands/*current-command
-        deadline-or-schedule? (and current-command
-                                (contains? #{"deadline" "scheduled"}
-                                  (string/lower-case current-command)))
-        date (state/sub :date-picker/date)
-        select-handler! (fn [^js d]
-                          ;; d is nil when clicked more than once
-                          (when d
-                            (let [gd (goog.date.Date. (.getFullYear d) (.getMonth d) (.getDate d))
-                                  journal (date/js-date->journal-title gd)]
-                            ;; deadline-or-schedule? is handled in on-submit, not here
-                              (when-not deadline-or-schedule?
-                              ;; similar to page reference
-                                (editor-handler/insert-command! dom-id
-                                                                (page-ref/->page-ref journal)
-                                                                format
-                                                                {:command :page-ref})
-                                (state/clear-editor-action!)
-                                (reset! commands/*current-command nil))
-                              (state/set-state! :date-picker/date d))))]
-    [:div#date-time-picker.flex.flex-col.sm:flex-row
-     ;; inline container
-     [:div.border-red-500
-      (ui/nlp-calendar
-       {:mode "single"
-         :initial-focus true
-         :show-week-number false
-         :selected date
-         :on-select select-handler!
-         :on-day-key-down (fn [^js d _ ^js e]
-                            (when (= "Enter" (.-key e))
-                              (select-handler! d)
-                              (util/stop e)))})]
-     (when deadline-or-schedule?
-       (time-repeater))]))