UXPLATFORM-10229_date_time_picker added div with

cerner · Apr 17, 2024 · cc5b766 · cc5b766
1 parent b5db4c5
commit cc5b766
Show file tree

Hide file tree

Showing 54 changed files with 53 additions and 54 deletions.
diff --git a/...ra-default-theme/en/chrome_medium/date-input-spec/Down_Arrow_Cycles_To_2100.png b/...ra-default-theme/en/chrome_medium/date-input-spec/Down_Arrow_Cycles_To_2100.png
diff --git a/...ference/terra-default-theme/en/chrome_medium/date-input-spec/Month_Selected.png b/...ference/terra-default-theme/en/chrome_medium/date-input-spec/Month_Selected.png
diff --git a/...eference/terra-default-theme/en/chrome_medium/date-input-spec/Value_Cleared.png b/...eference/terra-default-theme/en/chrome_medium/date-input-spec/Value_Cleared.png
diff --git a/...__/reference/terra-default-theme/en/chrome_medium/date-input-spec/clear_day.png b/...__/reference/terra-default-theme/en/chrome_medium/date-input-spec/clear_day.png
diff --git a/.../reference/terra-default-theme/en/chrome_medium/date-input-spec/clear_month.png b/.../reference/terra-default-theme/en/chrome_medium/date-input-spec/clear_month.png
diff --git a/..._/reference/terra-default-theme/en/chrome_medium/date-input-spec/clear_year.png b/..._/reference/terra-default-theme/en/chrome_medium/date-input-spec/clear_year.png
diff --git a/...ference/terra-default-theme/en/chrome_medium/date-input-spec/cycle_down_day.png b/...ference/terra-default-theme/en/chrome_medium/date-input-spec/cycle_down_day.png
diff --git a/...reference/terra-default-theme/en/chrome_medium/date-input-spec/cycle_up_day.png b/...reference/terra-default-theme/en/chrome_medium/date-input-spec/cycle_up_day.png
diff --git a/...eference/terra-default-theme/en/chrome_medium/date-input-spec/cycle_up_year.png b/...eference/terra-default-theme/en/chrome_medium/date-input-spec/cycle_up_year.png
diff --git a/...ference/terra-default-theme/en/chrome_medium/date-input-spec/day_month_year.png b/...ference/terra-default-theme/en/chrome_medium/date-input-spec/day_month_year.png
diff --git a/...ce/terra-default-theme/en/chrome_medium/date-input-spec/decrement_day_empty.png b/...ce/terra-default-theme/en/chrome_medium/date-input-spec/decrement_day_empty.png
diff --git a/...e/terra-default-theme/en/chrome_medium/date-input-spec/decrement_day_filled.png b/...e/terra-default-theme/en/chrome_medium/date-input-spec/decrement_day_filled.png
diff --git a/...erence/terra-default-theme/en/chrome_medium/date-input-spec/decrement_month.png b/...erence/terra-default-theme/en/chrome_medium/date-input-spec/decrement_month.png
diff --git a/...ference/terra-default-theme/en/chrome_medium/date-input-spec/decrement_year.png b/...ference/terra-default-theme/en/chrome_medium/date-input-spec/decrement_year.png
diff --git a/...e/terra-default-theme/en/chrome_medium/date-input-spec/decrement_year_empty.png b/...e/terra-default-theme/en/chrome_medium/date-input-spec/decrement_year_empty.png
diff --git a/...s__/reference/terra-default-theme/en/chrome_medium/date-input-spec/disabled.png b/...s__/reference/terra-default-theme/en/chrome_medium/date-input-spec/disabled.png
diff --git a/...eme/en/chrome_medium/date-input-spec/does_not_allow_value_outside_1900-2100.png b/...eme/en/chrome_medium/date-input-spec/does_not_allow_value_outside_1900-2100.png
diff --git a/...rence/terra-default-theme/en/chrome_medium/date-input-spec/focus_day_styles.png b/...rence/terra-default-theme/en/chrome_medium/date-input-spec/focus_day_styles.png
diff --git a/...ence/terra-default-theme/en/chrome_medium/date-input-spec/focus_year_styles.png b/...ence/terra-default-theme/en/chrome_medium/date-input-spec/focus_year_styles.png
diff --git a/...__/reference/terra-default-theme/en/chrome_medium/date-input-spec/full_date.png b/...__/reference/terra-default-theme/en/chrome_medium/date-input-spec/full_date.png
diff --git a/..._/reference/terra-default-theme/en/chrome_medium/date-input-spec/incomplete.png b/..._/reference/terra-default-theme/en/chrome_medium/date-input-spec/incomplete.png
diff --git a/...ce/terra-default-theme/en/chrome_medium/date-input-spec/increment_day_empty.png b/...ce/terra-default-theme/en/chrome_medium/date-input-spec/increment_day_empty.png
diff --git a/...e/terra-default-theme/en/chrome_medium/date-input-spec/increment_day_filled.png b/...e/terra-default-theme/en/chrome_medium/date-input-spec/increment_day_filled.png
diff --git a/...erence/terra-default-theme/en/chrome_medium/date-input-spec/increment_month.png b/...erence/terra-default-theme/en/chrome_medium/date-input-spec/increment_month.png
diff --git a/...e/terra-default-theme/en/chrome_medium/date-input-spec/increment_year_empty.png b/...e/terra-default-theme/en/chrome_medium/date-input-spec/increment_year_empty.png
diff --git a/.../terra-default-theme/en/chrome_medium/date-input-spec/increment_year_filled.png b/.../terra-default-theme/en/chrome_medium/date-input-spec/increment_year_filled.png
diff --git a/...terra-default-theme/en/chrome_medium/date-input-spec/invalid_and_incomplete.png b/...terra-default-theme/en/chrome_medium/date-input-spec/invalid_and_incomplete.png
diff --git a/...reference/terra-default-theme/en/chrome_medium/date-input-spec/invalid_date.png b/...reference/terra-default-theme/en/chrome_medium/date-input-spec/invalid_date.png
diff --git a/...eference/terra-default-theme/en/chrome_medium/date-input-spec/invalid_input.png b/...eference/terra-default-theme/en/chrome_medium/date-input-spec/invalid_input.png
diff --git a/...ference/terra-default-theme/en/chrome_medium/date-input-spec/month_day_year.png b/...ference/terra-default-theme/en/chrome_medium/date-input-spec/month_day_year.png
diff --git a/...ts__/reference/terra-default-theme/en/chrome_medium/date-input-spec/no_date.png b/...ts__/reference/terra-default-theme/en/chrome_medium/date-input-spec/no_date.png
diff --git a/...ra-default-theme/en/chrome_medium/date-input-spec/no_shift_in_focus_for_day.png b/...ra-default-theme/en/chrome_medium/date-input-spec/no_shift_in_focus_for_day.png
diff --git a/...-default-theme/en/chrome_medium/date-input-spec/no_shift_in_focus_for_month.png b/...-default-theme/en/chrome_medium/date-input-spec/no_shift_in_focus_for_month.png
diff --git a/...rence/terra-default-theme/en/chrome_medium/date-input-spec/onChange_invalid.png b/...rence/terra-default-theme/en/chrome_medium/date-input-spec/onChange_invalid.png
diff --git a/...ference/terra-default-theme/en/chrome_medium/date-input-spec/onChange_valid.png b/...ference/terra-default-theme/en/chrome_medium/date-input-spec/onChange_valid.png
diff --git a/...__/reference/terra-default-theme/en/chrome_medium/date-input-spec/prepend_0.png b/...__/reference/terra-default-theme/en/chrome_medium/date-input-spec/prepend_0.png
diff --git a/...efault-theme/en/chrome_medium/date-input-spec/shift_focus_from_day_to_month.png b/...efault-theme/en/chrome_medium/date-input-spec/shift_focus_from_day_to_month.png
diff --git a/...me/en/chrome_medium/date-input-spec/shift_focus_from_month_to_day_on_delete.png b/...me/en/chrome_medium/date-input-spec/shift_focus_from_month_to_day_on_delete.png
diff --git a/...fault-theme/en/chrome_medium/date-input-spec/shift_focus_from_year_to_month.png b/...fault-theme/en/chrome_medium/date-input-spec/shift_focus_from_year_to_month.png
diff --git a/...nce/terra-default-theme/en/chrome_medium/date-input-spec/shift_focus_to_day.png b/...nce/terra-default-theme/en/chrome_medium/date-input-spec/shift_focus_to_day.png
diff --git a/packages/terra-date-time-picker/src/DateTimePicker.jsx b/packages/terra-date-time-picker/src/DateTimePicker.jsx
@@ -789,60 +789,59 @@ class DateTimePicker extends React.Component {
           name={name}
           value={dateTime?.isValid() ? dateTime.format() : ''}
         />
-
-        <div className={cx('date-facade')}>
-          <DatePicker
-            ariaLabel={ariaLabel}
-            onCalendarButtonClick={this.handleOnCalendarButtonClick}
-            onChange={this.handleDateChange}
-            onChangeRaw={this.handleDateChangeRaw}
-            onSelect={this.handleOnSelect}
-            onClickOutside={onClickOutside}
-            onRequestClose={onRequestClose}
-            onBlur={this.handleOnDateBlur}
-            onFocus={this.handleOnDateInputFocus}
-            excludeDates={excludeDates}
-            filterDate={filterDate}
-            includeDates={includeDates}
-            inputAttributes={dateInputAttributes}
-            maxDate={DateUtil.getMaxDate(maxDate)}
-            minDate={DateUtil.getMinDate(minDate)}
-            selectedDate={dateValue}
-            value={dateValue}
-            name="input"
-            disabled={disabled}
-            disableButtonFocusOnClose
-            isIncomplete={isIncomplete}
-            isInvalid={isInvalid}
-            required={required}
-            initialTimeZone={this.initialTimeZone}
-            isDefaultDateAcceptable
-            errorId={errorId}
-          />
-        </div>
-        <div className={cx('time-facade')}>
-          <TimeInput
-            a11yLabel={ariaLabel}
-            onBlur={this.handleOnTimeBlur}
-            onChange={this.handleTimeChange}
-            onFocus={this.handleOnTimeInputFocus}
-            inputAttributes={timeInputAttributes}
-            name="input"
-            value={this.timeValue}
-            disabled={disabled}
-            variant={timeVariant}
-            refCallback={(inputRef) => { this.hourInput = inputRef; }}
-            showSeconds={showSeconds}
-            isIncomplete={isIncomplete}
-            isInvalid={isInvalid}
-            isInvalidMeridiem={isInvalidMeridiem}
-            required={required}
-            atMaxDate={atMaxDate}
-            atMinDate={atMinDate}
-            errorId={errorId}
-          />
-
-          {this.state.isAmbiguousTime && this.state.dateTime ? this.renderTimeClarification() : null}
+        <div role="group" aria-label={ariaLabel}>
+          <div className={cx('date-facade')}>
+            <DatePicker
+              onCalendarButtonClick={this.handleOnCalendarButtonClick}
+              onChange={this.handleDateChange}
+              onChangeRaw={this.handleDateChangeRaw}
+              onSelect={this.handleOnSelect}
+              onClickOutside={onClickOutside}
+              onRequestClose={onRequestClose}
+              onBlur={this.handleOnDateBlur}
+              onFocus={this.handleOnDateInputFocus}
+              excludeDates={excludeDates}
+              filterDate={filterDate}
+              includeDates={includeDates}
+              inputAttributes={dateInputAttributes}
+              maxDate={DateUtil.getMaxDate(maxDate)}
+              minDate={DateUtil.getMinDate(minDate)}
+              selectedDate={dateValue}
+              value={dateValue}
+              name="input"
+              disabled={disabled}
+              disableButtonFocusOnClose
+              isIncomplete={isIncomplete}
+              isInvalid={isInvalid}
+              required={required}
+              initialTimeZone={this.initialTimeZone}
+              isDefaultDateAcceptable
+              errorId={errorId}
+            />
+          </div>
+          <div className={cx('time-facade')}>
+            <TimeInput
+              onBlur={this.handleOnTimeBlur}
+              onChange={this.handleTimeChange}
+              onFocus={this.handleOnTimeInputFocus}
+              inputAttributes={timeInputAttributes}
+              name="input"
+              value={this.timeValue}
+              disabled={disabled}
+              variant={timeVariant}
+              refCallback={(inputRef) => { this.hourInput = inputRef; }}
+              showSeconds={showSeconds}
+              isIncomplete={isIncomplete}
+              isInvalid={isInvalid}
+              isInvalidMeridiem={isInvalidMeridiem}
+              required={required}
+              atMaxDate={atMaxDate}
+              atMinDate={atMinDate}
+              errorId={errorId}
+            />
+
+            {this.state.isAmbiguousTime && this.state.dateTime ? this.renderTimeClarification() : null}
+          </div>
         </div>
       </div>
     );

diff --git a/.../reference/terra-default-theme/en/chrome_large/pills-spec/collapsible_pills.png b/.../reference/terra-default-theme/en/chrome_large/pills-spec/collapsible_pills.png
diff --git a/...terra-default-theme/en/chrome_large/pills-spec/delete_second_removable-pill.png b/...terra-default-theme/en/chrome_large/pills-spec/delete_second_removable-pill.png
diff --git a/...e/terra-default-theme/en/chrome_large/pills-spec/focus_first_removable-pill.png b/...e/terra-default-theme/en/chrome_large/pills-spec/focus_first_removable-pill.png
diff --git a/.../terra-default-theme/en/chrome_large/pills-spec/focus_first_selectable-pill.png b/.../terra-default-theme/en/chrome_large/pills-spec/focus_first_selectable-pill.png
diff --git a/.../terra-default-theme/en/chrome_large/pills-spec/focus_second_removable-pill.png b/.../terra-default-theme/en/chrome_large/pills-spec/focus_second_removable-pill.png
diff --git a/...terra-default-theme/en/chrome_large/pills-spec/focus_second_selectable-pill.png b/...terra-default-theme/en/chrome_large/pills-spec/focus_second_selectable-pill.png
diff --git a/...-default-theme/en/chrome_large/pills-spec/popup_open_second_selectable-pill.png b/...-default-theme/en/chrome_large/pills-spec/popup_open_second_selectable-pill.png
diff --git a/...__/reference/terra-default-theme/en/chrome_large/pills-spec/removable_pills.png b/...__/reference/terra-default-theme/en/chrome_large/pills-spec/removable_pills.png
diff --git a/..._/reference/terra-default-theme/en/chrome_large/pills-spec/selectable_pills.png b/..._/reference/terra-default-theme/en/chrome_large/pills-spec/selectable_pills.png
diff --git a/...reference/terra-default-theme/en/chrome_small/pills-spec/collapse_all_pills.png b/...reference/terra-default-theme/en/chrome_small/pills-spec/collapse_all_pills.png
diff --git a/...terra-default-theme/en/chrome_small/pills-spec/collapsed_pills_after_resize.png b/...terra-default-theme/en/chrome_small/pills-spec/collapsed_pills_after_resize.png
diff --git a/...default-theme/en/chrome_small/pills-spec/collapsed_pills_count_after_delete.png b/...default-theme/en/chrome_small/pills-spec/collapsed_pills_count_after_delete.png
diff --git a/...s__/reference/terra-default-theme/en/chrome_small/pills-spec/hide_all_pills.png b/...s__/reference/terra-default-theme/en/chrome_small/pills-spec/hide_all_pills.png