Relative time picker

[cgolankotter]

Hi Team,

⚙️ We’re building a logs export modal for Lookup customers.
Our exports are limited to 5K logs, so we want to include a relative time picker with a range selector to help customers narrow their exports. (Many have 500K+ logs.)

🤔 Do we have a relative time picker or something similar that has quantity + time unit selection?

Appreciate your guidance and help🙏
Thanks!

(cc @bcoughlin@twilio.com)

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Custom date range selection (updated: 03/06/2023, similarity score: 84%)
• Using date picker within a filter menu (updated: 06/22/2023, similarity score: 84%)
• Data Export Pattern (updated: 12/10/2024, similarity score: 84%)

[dosubot[bot]]

Hi @cgolankotter! I'm Dosu and I’m helping the paste team.

Paste doesn’t currently offer a built-in relative time picker or a component with quantity + time unit selection (like “last 24 hours” or “last 7 days”)—the TimePicker and DatePicker components only support absolute time selection and don’t have props or patterns for relative ranges or quantity/unit selection source.

For your use case, you can compose a custom relative time picker using Paste primitives: for example, use a Select or Combobox for the time unit (hours, days, weeks), an Input for the quantity, and Form components for layout and validation. All logic for calculating ranges and updating timestamps would need to be handled in your app code. This approach aligns with Paste’s design system standards and leverages its accessibility and styling features.

If you need examples of composing these primitives, let me know!

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}