comment: Remove commented-out remnants of earlier date-picker implementation in DateEditor

Author: claremacrae

src/ui/DateEditor.svelte

@@ -12,16 +12,6 @@
 
     // Use this for testing purposes only
     export let parsedDate: string = '';
-    // let inputElement: HTMLInputElement;
-    // let flatpickrInstance: any;
-    //
-    // const dispatch = createEventDispatcher();
-    //
-    // const iconCalendarDays = (node: HTMLElement) => {
-    //     // For a more general implementation, see:
-    //     // https://github.com/joethei/obsidian-rss/blob/b600e2ead2505d58aa3e4c7898795bbf58fa3cdc/src/view/IconComponent.svelte
-    //     setIcon(node, 'calendar-days');
-    // };
 
     let pickedDate = '';
 
@@ -43,60 +33,6 @@
 
     // 'weekend' abbreviation omitted due to lack of space.
     const datePlaceholder = "Try 'Mon' or 'tm' then space";
-
-    /**
-     * A calendar date picker which is not tied to any particular date field.
-     *
-     * See also {@link promptForDate}
-     */
-    // function openDatePicker() {
-    //     if (inputElement) {
-    //         if (flatpickrInstance) {
-    //             flatpickrInstance.destroy(); // Destroy any existing instance to avoid conflicts
-    //         }
-    //
-    //         const options: Record<string, any> = {
-    //             enableTime: false,
-    //             dateFormat: 'Y-m-d',
-    //             locale: {
-    //                 firstDayOfWeek: 1,
-    //             },
-    //             onClose: (selectedDates: Date[]) => {
-    //                 dispatch('close', { instance: flatpickrInstance }); // Notify parent about close
-    //
-    //                 if (selectedDates.length > 0) {
-    //                     const selectedDate = selectedDates[0];
-    //                     date = window.moment(selectedDate).format('YYYY-MM-DD');
-    //                 }
-    //
-    //                 flatpickrInstance.destroy(); // Destroy the instance after the date is selected
-    //                 flatpickrInstance = null;
-    //             },
-    //             allowInput: true, // Allow manual input to keep the field empty if no selection is made
-    //             defaultDate: undefined, // Explicitly define defaultDate with undefined
-    //         };
-    //
-    //         // We don't use parseDate() here as we want to strictly only match exact dates,
-    //         // and not words like 'today' or 'tomorrow', to make sure we really
-    //         // are using the already-parsed date in the Modal UI:
-    //         const dateMatcher = /^\d{4}-\d{2}-\d{2}$/;
-    //         if (parsedDate.match(dateMatcher)) {
-    //             // This is where the user had typed, for example, 'tomorrow' in the input
-    //             // field, and chrono has converted that to an exact date.
-    //             options.defaultDate = new Date(parsedDate);
-    //         } else if (date.match(dateMatcher)) {
-    //             // This is a precaution, for the unlikely event that the input field
-    //             // contains a parsed date, but the parsedDate does not.
-    //             // It's possible that it is unreachable, but we would need tests to confirm that.
-    //             options.defaultDate = new Date(date);
-    //         }
-    //
-    //         flatpickrInstance = flatpickr(inputElement, options);
-    //         dispatch('open', { instance: flatpickrInstance }); // Notify parent about open
-    //
-    //         flatpickrInstance.open(); // Directly open the date picker
-    //     }
-    // }
 </script>
 
 <label for={id}>{@html labelContentWithAccessKey(id, accesskey)}</label>
@@ -111,13 +47,6 @@
     {accesskey}
 />
 
-<!--<button-->
-<!--    class="tasks-modal-calendar-button"-->
-<!--    use:iconCalendarDays-->
-<!--    on:click={openDatePicker}-->
-<!--    aria-label="Open date picker"-->
-<!--    style="background: none; border: none; padding: 0; cursor: pointer;"-->
-<!--/>-->
 {#if isDateValid}
     <div class="tasks-modal-parsed-date">
         {dateSymbol}<input

src/ui/EditTask.scss

@@ -77,19 +77,13 @@
     }
 
     .tasks-modal-date-input {
-        //grid-column: 2;
         min-width: 15em;
     }
 
     .tasks-modal-date-editor-picker {
         margin-left: .5em;
     }
 
-    //.tasks-modal-calendar-button {
-    //    grid-column: 3;
-    //    color: var(--text-muted);
-    //}
-
     .tasks-modal-parsed-date {
         grid-column: 3;
         font-size: var(--font-ui-small);
@@ -166,10 +160,6 @@
             grid-column: 1;
         }
 
-        //.tasks-modal-calendar-button {
-        //    grid-column: 2;
-        //}
-
         .tasks-modal-parsed-date {
             grid-column: 2;
         }
@@ -196,10 +186,6 @@
             grid-column: 1;
         }
 
-        //.tasks-modal-calendar-button {
-        //    grid-column: 1;
-        //}
-
         > .tasks-modal-parsed-date {
             grid-column: 1;
         }