palantir/blueprint

Extend default shortcuts of date range picker with MTD and YTD

Open

#5268 opened on Apr 24, 2022

View on GitHub
 (1 comment) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
Domain: APIP2Package: datetimeType: enhancementhelp wanted

Description

Environment

Package version(s): Latest Blueprint version Browser and OS versions: Latest Chrome version

Feature request

It would be great to extend the default shortcuts of the date range picker with the following options:

  • MTD: Month-to-date
  • YTD: Year-to-date

Examples

MTD: Today is April 24th, 2022. The month-to-date option would include the range from 01-04-2022 to 24-04-2022. YTD: Today is April 24th, 2022. The year-to-date option would include the range from 01-01-2022 to 24-04-2022.

Contributor guide

Tech stack
typescriptreactcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React knowledgeBlueprint library basicsDate range picker usageTypeScript basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Examine the DateRangePicker component in the Blueprint repo (likely under packages/datetime). Look for the shortcuts prop and existing implementations like 'Last month' or 'Last week' to understand the pattern. The new shortcuts should compute current month to date and year to date ranges based on today's date. No linked PRs or assignees, so scope is open.