Update Calendar Component

[mwestereng1]

As a Dawson user, so that I don’t see unnecessary error messages, I need date pickers to disallow certain dates to be selectable.

Currently, there are several fields and document types that allow a user to select a future date from the date picker for selections when a future date is not a valid option. When those dates are validated upon saving or submitting, the user receives an error message.

Link to the document detailing the future date allowed instances

A review with developers, revealed and led to the following conclusions:

• There are two date picker calendar components
• Consolidate to one date picker calendar component
• Needed from Devs: List of everywhere we use both date picker components
• UX will provide a list of calendar capabilities that should be available for each instance of the date picker component we use.
• Ultimately, we will disable future dates in the date picker calendar, where appropriate

  ---

Pre-Conditions:

List of everywhere we use both date picker components

Acceptance Criteria (the following acceptance criteria will apply once the date picker components are consolidated):

• [ ] When a future date is not an acceptable selection, future dates are in the calendar are grayed out/disabled so users cannot select one of those dates.
• [ ] If possible, update anywhere applicable date fields exist in Dawson and ONLY for those fields that do not allow a future date submission.
• [ ] Error messages should remain if user manually enters a future date, or if the date format is incorrect (any input other than MM/DD/YYYY)
• [ ] Determine if user documentation needs to be updated (Tenille): Y / N

Pain Avoided/Frustration Saved: Prevents users from selecting an incorrect date and receiving an error message.

Breadth/Pervasiveness of Problem:

Complexity of Problem (Low, Medium, High) and Why it's Complex: Low

[Mwindo]

We use two very similar but distinct components: DateRangePickerComponent and SearchDateRangePickerComponent. I am not sure what the motivation underlying this distinction is, if any; I would like to consolidate them. I'll ask the team about this on Monday.

EDIT: The consensus of the team was to consolidate these components, as long as we test thoroughly.

[Mwindo]

An outline of where these two components are used:

DateRangePickerComponent

• CaseSearchByName.tsx: the "Case" tab in Advanced Search and Public Search
• CaseDeadlines: selectable by an internal user under the "Reports" tab, "Deadlines"
• CustomCaseReport: selectable by an internal user under the "Reports" tab, "Custom Case Report"
• Statistics.tsx: the case detail -> "Case Information" tab -> Statistics tab Wrong Statistics page! See below!
• Statistics.tsx: selectable by a judge under the "Reports" tab, "Activity"

SearchDateRangePickerComponent (associated with DateRangeSelect)

• OrderSearchFrom.tsx: the "Order" tab in Advanced Search and Public Search
• OpinionSearchForm.tsx: the "Opinion" tab in Advanced Search and Public Search

There is also a non-range component, used anytime we are selecting a single date. Since there are so many, I have just listed the files:

DateSelector:

- web-client/src/views/CaseAssociationRequest/CaseAssociationRequestDocumentForm.tsx
- web-client/src/views/CaseDetail/CreateCaseDeadlineModalDialog.tsx
- web-client/src/views/CaseDetail/DeficiencyStatisticsForm.tsx
- web-client/src/views/CaseDetail/EditCaseDeadlineModalDialog.tsx
- web-client/src/views/CaseDetail/PetitionPaymentForm.tsx
- web-client/src/views/CaseDetailEdit/CaseInfo.tsx
- web-client/src/views/CaseWorksheet/AddEditCaseWorksheetModal.tsx
- web-client/src/views/CourtIssuedDocketEntry/CourtIssuedDocketEntry.tsx
- web-client/src/views/CourtIssuedDocketEntry/CourtIssuedNonstandardForm.tsx
- web-client/src/views/EditDocketEntry/EditDocketEntryMetaFormCourtIssued.tsx
- web-client/src/views/EditDocketEntry/EditDocketEntryMetaFormDocument.tsx
- web-client/src/views/EditDocketEntry/EditDocketEntryMetaFormNoDocument.tsx
- web-client/src/views/EditDocketEntry/PrimaryDocumentForm.tsx
- web-client/src/views/FileDocument/InclusionsForm.tsx
- web-client/src/views/FileDocument/NonstandardForm.tsx
- web-client/src/views/FileDocument/PrimaryDocumentGeneratedTypeForm.tsx
- web-client/src/views/FileDocument/SupportingDocumentInclusionsForm.tsx
- web-client/src/views/PaperFiling/Inclusions.tsx
- web-client/src/views/PaperFiling/PrimaryDocumentForm.tsx
- web-client/src/views/PendingMotion/AddEditDocketEntryWorksheetModal.tsx
- web-client/src/views/Practitioners/PractitionerForm.tsx
- web-client/src/views/StampMotion/ApplyStamp.tsx
- web-client/src/views/StartCaseInternal/CaseInformation.tsx
- web-client/src/views/StartCaseInternal/StatisticsForm.tsx
- web-client/src/views/StartCaseUpdated/IrsNoticeUploadForm.tsx
- web-client/src/views/StyleGuide/Forms.tsx
- web-client/src/views/TrialSessions/SessionInformationForm.tsx (2 instances, one for start date, one for end date)
- web-client/src/views/IRSNotice.tsx
- web-client/src/views/StatusReportOrder.tsx