Things - Set Reminders in Today and Upcoming (#18771)

* Update things extension

- feat: allow setting todo reminder in today and upcoming
- Initial commit

* Update things extension

- feat: allow setting todo reminder in today and upcoming
- feat: allow setting todo reminder in today and upcoming

* Update things extension

- feat: allow setting todo reminder in today and upcoming
- feat: allow setting todo reminder in today and upcoming

* Update things extension

- refactor: move reminder functionality to schedule date action
- refactor: leverage pick date action for setting reminder

* refactor: leverage isFullDay function

* refactor: avoid timezone conversion and use early return

* Update things extension

- refactor: avoid timezone conversion and use early return
- refactor: avoid timezone conversion and use early return

* Update things extension

- fix(deadline): fix deadline removal
- refactor: update deadline to use formatted date time

* docs: update changelog with deadline action fix

* Update CHANGELOG.md and optimise images

---------

Co-authored-by: raycastbot <[email protected]>

Author: dinocosta

extensions/things/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Things Changelog
 
+## [✨ Reminders] - 2025-05-06
+
+- Update the "Today" and "Upcoming" lists to allow updating todo's reminders.
+- Fixed issue with the Deadline action to correctly remove a deadline from a todo.
+
 ## [✨ Fix Complete Menu Bar Action] - 2025-04-25
 
 - Fix `Complete` menu bar action to mark the first incomplete todo as complete, rather than completing the first item in the list, even if it is already marked as completed.
@@ -56,6 +61,7 @@
 Ever wanted to add a new to-do to Things with plain, natural text? Well, it's possible now with the new `Quick Add To-Do` command. Just type in your to-do text, maybe set some notes and checklist items and you're good to go.
 
 Under the hood, it'll analyze and process your text to extract these parameters:
+
 - The title
 - The start date
 - The project or area the to-do belongs to
@@ -65,6 +71,7 @@ Under the hood, it'll analyze and process your text to extract these parameters:
 - If it's completed or canceled
 
 Here are some examples:
+
 - Book flights today in my Trips list
 - Add milk to my groceries list for tomorrow with Errand tag
 - Respond to mails
@@ -81,6 +88,7 @@ A big update has been released for the Things extension. Here's what's new:
 ### New actions
 
 You now have additional actions for your to-dos:
+
 - Schedule
 - Move to a project/area
 - Edit the title or notes

extensions/things/package.json

@@ -14,7 +14,8 @@
     "vimtor",
     "samuelkraft",
     "bendrucker",
-    "vmrjnvc"
+    "vmrjnvc",
+    "dinocosta"
   ],
   "license": "MIT",
   "commands": [
@@ -429,7 +430,8 @@
     "build": "ray build -e dist",
     "dev": "ray develop",
     "fix-lint": "ray lint --fix",
-    "lint": "ray lint"
+    "lint": "ray lint",
+    "publish": "npx @raycast/api@latest publish"
   },
   "platforms": [
     "macOS"

extensions/things/src/components/TodoListItemActions.tsx

@@ -139,8 +139,11 @@ New title:
     await updateAction({ 'add-tags': tag }, { title: 'Added tag' });
   }
 
-  async function setDeadline(date: Date) {
-    await updateAction({ deadline: date.toISOString() }, { title: 'Set deadline' });
+  async function setDeadline(date: string | null) {
+    const title = date === null ? 'Removed deadline' : 'Set deadline';
+    const deadline = date === null ? '' : date;
+
+    await updateAction({ deadline }, { title });
   }
 
   async function deleteToDo() {
@@ -161,6 +164,24 @@ New title:
     }
   }
 
+  function formatDateTime(date: Date): string {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    const datePart = `${year}-${month}-${day}`;
+
+    // If the user picked a full day, we avoid providing the time, as
+    // Things leverages the time part to understand whether a reminder
+    // should be set.
+    if (Action.PickDate.isFullDay(date)) {
+      return datePart;
+    }
+
+    const hours = String(date.getHours()).padStart(2, '0');
+    const minutes = String(date.getMinutes()).padStart(2, '0');
+    return `${datePart}@${hours}:${minutes}`;
+  }
+
   return (
     <ActionPanel>
       <ActionPanel.Section title={todo.name}>
@@ -208,8 +229,14 @@ New title:
             title="Date…"
             icon={Icon.Calendar}
             min={new Date()}
-            onChange={(date) => schedule(date ? date.toISOString() : 'anytime')}
-            type={Action.PickDate.Type.Date}
+            onChange={(date) => {
+              if (!date) {
+                return schedule('anytime');
+              }
+
+              return schedule(formatDateTime(date));
+            }}
+            type={Action.PickDate.Type.DateTime}
           />
           <Action {...listItems.someday} onAction={() => schedule('someday')} />
         </ActionPanel.Submenu>
@@ -247,9 +274,7 @@ New title:
           shortcut={{ modifiers: ['cmd', 'shift'], key: 'd' }}
           min={new Date()}
           onChange={(date) => {
-            if (date) {
-              return setDeadline(date);
-            }
+            return setDeadline(date ? formatDateTime(date) : null);
           }}
           type={Action.PickDate.Type.Date}
         />