diff --git a/intro/examples.mdx b/intro/examples.mdx
index 05004697..810a3744 100644
--- a/intro/examples.mdx
+++ b/intro/examples.mdx
@@ -93,6 +93,7 @@ All examples are organized by platform and backend technology. You can adapt any
     - [Yjs CRDT Text Collaboration Demo](https://github.com/powersync-ja/powersync-js/tree/main/demos/yjs-react-supabase-text-collab#readme)
     - [Vite + React + TS + PowerSync + Supabase](https://github.com/powersync-community/vite-react-ts-powersync-supabase#readme)
     - [E2EE Chat App](https://github.com/powersync-community/react-supabase-chat-e2ee#readme) - End-to-end encrypted group chat demo
+    - [Time-Based Sync Demo](https://github.com/powersync-ja/powersync-js/tree/main/demos/react-supabase-time-based-sync) - Dynamically control which data is synced to the client based on a date
 
     #### Framework Integration Examples
 
diff --git a/sync/advanced/sync-data-by-time.mdx b/sync/advanced/sync-data-by-time.mdx
index a3c01296..f30ddb54 100644
--- a/sync/advanced/sync-data-by-time.mdx
+++ b/sync/advanced/sync-data-by-time.mdx
@@ -133,6 +133,8 @@ Instead of pre-defined ranges, create a bucket for each date and let the client
 
 Use `substring` to extract the date portion from a timestamp and match it with `=`:
 
+For a complete working example, see the [PowerSync + Supabase: Time-Based Sync demo](https://github.com/powersync-ja/powersync-js/tree/main/demos/react-supabase-time-based-sync).
+
 <Tabs>
   <Tab title="Sync Streams">
     ```yaml