palantir/blueprint

Add selectAllOnFocus prop to DateInput component

Open

#4,530 创建于 2021年2月17日

在 GitHub 查看
 (0 评论) (0 反应) (0 负责人)TypeScript (20,263 star) (2,167 fork)batch import
P2Package: datetimeType: feature requesthelp wanted

描述

Environment

  • Package version(s): latest
  • Browser and OS versions: all

Feature request

The DateInput component has the missing ability to select all text inside text input. I found this behavior very usable. As i can see DateRangeInput has selectAllOnFocus prop, which i think must be presented and in DateInput too.

BTW. I don’t know but maybe it would be better to add prop which controls this behavior directly to InputGroup component

贡献者指南

技术栈
typescriptreact
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
ReactTypeScriptbasic understanding of component props
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
80
研究方向
Examine the existing DateRangeInput component to understand how the selectAllOnFocus prop is implemented. Then, add a similar prop to DateInput. Additionally, consider whether it would be better to add this behavior to the InputGroup component as suggested in the issue. Key files to review: src/components/date input/dateInput.tsx and src/components/date range input/dateRangeInput.tsx.