palantir/blueprint

DatePicker disabled/readOnly state

Open

#5,008 opened on 2021年11月3日

GitHub で見る
 (1 comment) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: datetimeType: enhancementhelp wanted

説明

Environment

  • Package version(s): @blueprintjs/datetime 3.23.15
  • Browser and OS versions: N/A (let me know if you need this for whatever reason)

Question

Is there a way to put the DatePicker component into a disabled/readOnly state? I've found that I can put all days in a disabled state like so:

<DatePicker dayPickerProps={{disabledDays: () => true}}/>

But then the user can still interact with the month/year controls.

image

コントリビューターガイド

技術スタック
typescriptreact
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2 days
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
needs investigation
前提条件
React basicsBlueprint component structure
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
Investigate the DatePicker component in @blueprintjs/datetime (likely src/datePicker.tsx) to understand how interaction is handled. Check if there are existing props that can be leveraged, and consider how a new disabled prop would disable both day selection and month/year controls. Review any related comments or PRs for prior discussion.