diff --git a/packages/terra-date-picker/CHANGELOG.md b/packages/terra-date-picker/CHANGELOG.md
index 117c7699677..7d7911675d5 100644
--- a/packages/terra-date-picker/CHANGELOG.md
+++ b/packages/terra-date-picker/CHANGELOG.md
@@ -2,6 +2,11 @@
 
 ## Unreleased
 
+* Added
+  * Added visual focus dashed border for `terra-date-picker`.
+  * Removed selected date information on focus of picker button.
+  * Added ariaDescribedBy prop in `terra-date-time-picker` example for invalid error message.
+
 * Changed
   * Fixed the invalid case for SR announcement.
   * Changed the SR announcement for changing date from calender.
diff --git a/packages/terra-date-picker/src/DateInput.jsx b/packages/terra-date-picker/src/DateInput.jsx
index 87be840c8e0..f473302e454 100644
--- a/packages/terra-date-picker/src/DateInput.jsx
+++ b/packages/terra-date-picker/src/DateInput.jsx
@@ -143,6 +143,12 @@ const propTypes = {
    * A return value of true will be enabled and false will be disabled.
    */
   filterDate: PropTypes.func,
+  /**
+   * ![IMPORTANT](https://badgen.net/badge/UX/Accessibility/blue).
+   * If invalid error text is used, provide a string containing the IDs for error html element.
+   * ID must be htmlFor prop value with error text.
+   */
+  errorId: PropTypes.string,
 };
 
 const defaultProps = {
@@ -167,6 +173,7 @@ const defaultProps = {
   maxDate: '2100-12-31',
   minDate: '1900-01-01',
   filterDate: undefined,
+  errorId: '',
 };
 
 const DatePickerInput = (props) => {
@@ -195,6 +202,7 @@ const DatePickerInput = (props) => {
     maxDate,
     minDate,
     filterDate,
+    errorId,
     ...customProps
   } = props;
 
@@ -717,7 +725,7 @@ const DatePickerInput = (props) => {
       aria-invalid={isInvalid}
       aria-required={required}
       aria-label={`${ariaLabel ? `${ariaLabel} ${intl.formatMessage({ id: 'Terra.datePicker.dayLabel' })}` : intl.formatMessage({ id: 'Terra.datePicker.dayLabel' })}`}
-      aria-describedby={ariaDescriptionIds}
+      aria-describedby={`${ariaDescriptionIds} ${errorId}`}
       id={dayInputId}
     />
   );
@@ -749,7 +757,7 @@ const DatePickerInput = (props) => {
       aria-invalid={isInvalid}
       aria-required={required}
       aria-label={`${ariaLabel ? `${ariaLabel} ${intl.formatMessage({ id: 'Terra.datePicker.monthLabel' })}` : intl.formatMessage({ id: 'Terra.datePicker.monthLabel' })}`}
-      aria-describedby={ariaDescriptionIds}
+      aria-describedby={`${ariaDescriptionIds} ${errorId}`}
       id={monthInputId}
     />
   );
@@ -781,7 +789,7 @@ const DatePickerInput = (props) => {
       aria-invalid={isInvalid}
       aria-required={required}
       aria-label={`${ariaLabel ? `${ariaLabel} ${intl.formatMessage({ id: 'Terra.datePicker.yearLabel' })}` : intl.formatMessage({ id: 'Terra.datePicker.yearLabel' })}`}
-      aria-describedby={ariaDescriptionIds}
+      aria-describedby={`${ariaDescriptionIds} ${errorId}`}
       id={yearInputId}
     />
   );
@@ -808,6 +816,7 @@ const DatePickerInput = (props) => {
   if (DateUtil.isValidDate(value, momentDateFormat)) {
     inputDate = `${getLocalizedDateForScreenReader(DateUtil.createSafeDate(dateValue, initialTimeZone), { intl, locale: intl.locale })}`;
   }
+
   let calendarDate = inputDate ? `${inputDate} ${intl.formatMessage({ id: 'Terra.datePicker.selected' })}` : '';
 
   // Check if date is excluded or out of range or not included or filtered
@@ -873,7 +882,7 @@ const DatePickerInput = (props) => {
             aria-live={DateUtil.isMac() ? 'polite' : 'off'}
             text={`${invalidEntry}
             ${intl.formatMessage({ id: 'Terra.datePicker.dateFormatLabel' })}
-            ${format}. ${inputDate ? `${inputDate},` : ''} ${intl.formatMessage({ id: 'Terra.datePicker.hotKey' })} `}
+            ${format}. ${inputDate ? `${inputDate},` : ''} ${intl.formatMessage({ id: 'Terra.datePicker.hotKey' })}, `}
           />
           <div aria-hidden="true">
             {`(${format})`}
diff --git a/packages/terra-date-picker/src/DatePicker.jsx b/packages/terra-date-picker/src/DatePicker.jsx
index 9172f06e6f4..f3482278dfa 100644
--- a/packages/terra-date-picker/src/DatePicker.jsx
+++ b/packages/terra-date-picker/src/DatePicker.jsx
@@ -141,6 +141,12 @@ const propTypes = {
    * The value must be in the `YYYY-MM-DD` format or the all-numeric date format based on the locale.
    */
   value: PropTypes.string,
+  /**
+   * ![IMPORTANT](https://badgen.net/badge/UX/Accessibility/blue).
+   * If invalid error text is used, provide a string containing the IDs for error html element.
+   * ID must be htmlFor prop value with error text.
+   */
+  errorId: PropTypes.string,
 };
 
 const defaultProps = {
@@ -165,6 +171,7 @@ const defaultProps = {
   useExternalFormatMask: false,
   required: false,
   selectedDate: undefined,
+  errorId: '',
 };
 
 class DatePicker extends React.Component {
@@ -427,6 +434,7 @@ class DatePicker extends React.Component {
       selectedDate,
       useExternalFormatMask,
       value,
+      errorId,
       ...customProps
     } = this.props;
 
@@ -506,6 +514,7 @@ class DatePicker extends React.Component {
                 maxDate={maxDate}
                 minDate={minDate}
                 filterDate={this.handleFilterDate}
+                errorId={errorId}
               />
             )}
             customInputRef="firstInputRefCallback"
diff --git a/packages/terra-date-picker/src/DatePicker.module.scss b/packages/terra-date-picker/src/DatePicker.module.scss
index 47719a4e761..ecfbdfe30a5 100644
--- a/packages/terra-date-picker/src/DatePicker.module.scss
+++ b/packages/terra-date-picker/src/DatePicker.module.scss
@@ -28,9 +28,9 @@
     width: 8em;
 
     &.is-focused {
-      border-color: var(--terra-date-picker-input-focus-border-color, #26a2e5);
+      background-color: var(--terra-date-picker-input-focus-background-color, #fff);
+      outline: var(--terra-date-picker-input-focus-border-outline, 2px dashed #000);
       box-shadow: var(--terra-date-picker-input-focus-box-shadow, none);
-      outline: none;
       z-index: 1;
     }
 
@@ -118,8 +118,7 @@
       }
 
       &.initial-focus {
-        background-color: transparent;
-        border: var(--terra-date-picker-input-date-component-initial-focus-border, 2px dashed #000);
+        background-color: var(--terra-date-picker-input-date-component-focused-input-background-color, rgba(139, 194, 249, 0.3));
         box-shadow: none;
       }
     }
@@ -162,9 +161,8 @@
     }
 
     &:focus {
-      border-color: var(--terra-date-picker-button-focus-border-color, #26a2e5);
-      box-shadow: var(--terra-date-picker-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35));
-      outline: none;
+      outline: var(--terra-date-picker-input-focus-border-outline, 2px dashed #000);
+      box-shadow: var(--terra-date-picker-button-focus-box-shadow, none);
       z-index: 2;
     }
 
diff --git a/packages/terra-date-picker/src/clinical-lowlight-theme/DatePicker.module.scss b/packages/terra-date-picker/src/clinical-lowlight-theme/DatePicker.module.scss
index 8362b580ee1..84a7943995a 100644
--- a/packages/terra-date-picker/src/clinical-lowlight-theme/DatePicker.module.scss
+++ b/packages/terra-date-picker/src/clinical-lowlight-theme/DatePicker.module.scss
@@ -36,7 +36,10 @@
     --terra-date-picker-input-date-component-focus-box-shadow: none;
     --terra-date-picker-input-date-component-initial-focus-border: 2px dashed #fff;
     --terra-date-picker-button-focus-border-color: #000;
-    --terra-date-picker-button-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;
+    --terra-date-picker-button-focus-box-shadow: none;
+    --terra-date-picker-input-date-component-focused-input-background-color: rgba(139, 194, 249, 0.3);
+    --terra-date-picker-input-focus-border-outline: 2px dashed #b2b5b6;
+    --terra-date-picker-input-focus-background-color: #1e3a49;
 
     // Default - Disabled
     --terra-date-picker-input-disabled-background-color: #1d2529;
diff --git a/packages/terra-date-picker/src/orion-fusion-theme/DatePicker.module.scss b/packages/terra-date-picker/src/orion-fusion-theme/DatePicker.module.scss
index e06c227aec3..ca8f0f0a21d 100644
--- a/packages/terra-date-picker/src/orion-fusion-theme/DatePicker.module.scss
+++ b/packages/terra-date-picker/src/orion-fusion-theme/DatePicker.module.scss
@@ -30,13 +30,16 @@
 
     // Default - Focus
     --terra-date-picker-input-focus-border-color: #4cb2e9;
-    --terra-date-picker-input-focus-box-shadow: 0 0 8px #a6d9f4;
+    --terra-date-picker-input-focus-box-shadow: 0 0 0 1px rgba(76, 178, 233, 0.5), 0 0 4px 3px rgba(76, 178, 233, 0.35);
     --terra-date-picker-input-date-component-focus-background-color: transparent;
     --terra-date-picker-input-date-component-focus-border: 0;
     --terra-date-picker-input-date-component-focus-box-shadow: none;
-    --terra-date-picker-input-date-component-initial-focus-border: 2px dashed #000;
+    --terra-date-picker-input-date-component-initial-focus-border: none;
     --terra-date-picker-button-focus-border-color: #26a2e5;
     --terra-date-picker-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);
+    --terra-date-picker-input-date-component-focused-input-background-color: rgba(139, 194, 249, 0.3);
+    --terra-date-picker-input-focus-border-outline: none;
+    --terra-date-picker-input-focus-background-color: #fff;
 
     // Default - Disabled
     --terra-date-picker-input-disabled-background-color: #f4f4f4;
diff --git a/packages/terra-date-picker/tests/jest/__snapshots__/CalendarFilter.test.jsx.snap b/packages/terra-date-picker/tests/jest/__snapshots__/CalendarFilter.test.jsx.snap
index 484327af838..8879f37eb5e 100644
--- a/packages/terra-date-picker/tests/jest/__snapshots__/CalendarFilter.test.jsx.snap
+++ b/packages/terra-date-picker/tests/jest/__snapshots__/CalendarFilter.test.jsx.snap
@@ -5,6 +5,7 @@ exports[`should render a calendar filter with default date 1`] = `
   calendarClassName="calendar-filter"
   disableButtonFocusOnClose={false}
   disabled={false}
+  errorId=""
   intl={
     Object {
       "defaultFormats": Object {},
@@ -50,6 +51,7 @@ exports[`should render a calendar filter with excluded dates 1`] = `
   calendarClassName="calendar-filter"
   disableButtonFocusOnClose={false}
   disabled={false}
+  errorId=""
   excludeDates={
     Array [
       "2020-04-01",
@@ -99,6 +101,7 @@ exports[`should render a calendar filter with filtered dates 1`] = `
   calendarClassName="calendar-filter"
   disableButtonFocusOnClose={false}
   disabled={false}
+  errorId=""
   filterDate={[Function]}
   intl={
     Object {
@@ -144,6 +147,7 @@ exports[`should render a calendar filter with included dates 1`] = `
   calendarClassName="calendar-filter"
   disableButtonFocusOnClose={false}
   disabled={false}
+  errorId=""
   includeDates={
     Array [
       "2020-04-01",
@@ -193,6 +197,7 @@ exports[`should render a calendar filter with min and max dates 1`] = `
   calendarClassName="calendar-filter"
   disableButtonFocusOnClose={false}
   disabled={false}
+  errorId=""
   intl={
     Object {
       "defaultFormats": Object {},
@@ -237,6 +242,7 @@ exports[`should render a calendar filter with onChange 1`] = `
   calendarClassName="calendar-filter"
   disableButtonFocusOnClose={false}
   disabled={false}
+  errorId=""
   intl={
     Object {
       "defaultFormats": Object {},
@@ -282,6 +288,7 @@ exports[`should render a controlled calendar filter 1`] = `
   calendarClassName="calendar-filter"
   disableButtonFocusOnClose={false}
   disabled={false}
+  errorId=""
   intl={
     Object {
       "defaultFormats": Object {},
diff --git a/packages/terra-date-picker/tests/jest/__snapshots__/DateInput.test.jsx.snap b/packages/terra-date-picker/tests/jest/__snapshots__/DateInput.test.jsx.snap
index d28e3bf16a0..88d77516b95 100644
--- a/packages/terra-date-picker/tests/jest/__snapshots__/DateInput.test.jsx.snap
+++ b/packages/terra-date-picker/tests/jest/__snapshots__/DateInput.test.jsx.snap
@@ -37,6 +37,7 @@ exports[`correctly applies the theme context className 1`] = `
 >
   <InjectIntl(DatePickerInput)>
     <DatePickerInput
+      errorId=""
       intl={
         Object {
           "defaultFormats": Object {},
@@ -110,7 +111,7 @@ exports[`correctly applies the theme context className 1`] = `
               dateFormatOrder="MDY"
               day={
                 <Input
-                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                   aria-invalid={false}
                   aria-label="Terra.datePicker.dayLabel"
                   aria-required={false}
@@ -134,7 +135,7 @@ exports[`correctly applies the theme context className 1`] = `
               }
               month={
                 <Input
-                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                   aria-invalid={false}
                   aria-label="Terra.datePicker.monthLabel"
                   aria-required={false}
@@ -165,7 +166,7 @@ exports[`correctly applies the theme context className 1`] = `
               }
               year={
                 <Input
-                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                   aria-invalid={false}
                   aria-label="Terra.datePicker.yearLabel"
                   aria-required={false}
@@ -189,7 +190,7 @@ exports[`correctly applies the theme context className 1`] = `
               }
             >
               <Input
-                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                 aria-invalid={false}
                 aria-label="Terra.datePicker.monthLabel"
                 aria-required={false}
@@ -211,7 +212,7 @@ exports[`correctly applies the theme context className 1`] = `
                 value=""
               >
                 <input
-                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                   aria-invalid={false}
                   aria-label="Terra.datePicker.monthLabel"
                   aria-required={false}
@@ -236,7 +237,7 @@ exports[`correctly applies the theme context className 1`] = `
                 /
               </span>
               <Input
-                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                 aria-invalid={false}
                 aria-label="Terra.datePicker.dayLabel"
                 aria-required={false}
@@ -258,7 +259,7 @@ exports[`correctly applies the theme context className 1`] = `
                 value=""
               >
                 <input
-                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                   aria-invalid={false}
                   aria-label="Terra.datePicker.dayLabel"
                   aria-required={false}
@@ -283,7 +284,7 @@ exports[`correctly applies the theme context className 1`] = `
                 /
               </span>
               <Input
-                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                 aria-invalid={false}
                 aria-label="Terra.datePicker.yearLabel"
                 aria-required={false}
@@ -305,7 +306,7 @@ exports[`correctly applies the theme context className 1`] = `
                 value=""
               >
                 <input
-                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                  aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                   aria-invalid={false}
                   aria-label="Terra.datePicker.yearLabel"
                   aria-required={false}
@@ -411,7 +412,7 @@ exports[`correctly applies the theme context className 1`] = `
             aria-live="off"
             text="
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey "
+            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey, "
           >
             <span
               aria-live="off"
@@ -419,7 +420,7 @@ exports[`correctly applies the theme context className 1`] = `
             >
               
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey 
+            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey, 
             </span>
           </VisuallyHiddenText>
           <div
@@ -480,6 +481,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
       ],
     }
   }
+  errorId=""
   intl={
     Object {
       "defaultFormats": Object {},
@@ -553,7 +555,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
           dateFormatOrder="MDY"
           day={
             <Input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Terra.datePicker.dayLabel"
               aria-required={false}
@@ -577,7 +579,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
           }
           month={
             <Input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Terra.datePicker.monthLabel"
               aria-required={false}
@@ -608,7 +610,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
           }
           year={
             <Input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Terra.datePicker.yearLabel"
               aria-required={false}
@@ -632,7 +634,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
           }
         >
           <Input
-            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
             aria-invalid={false}
             aria-label="Terra.datePicker.monthLabel"
             aria-required={false}
@@ -654,7 +656,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
             value=""
           >
             <input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Terra.datePicker.monthLabel"
               aria-required={false}
@@ -679,7 +681,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
             /
           </span>
           <Input
-            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
             aria-invalid={false}
             aria-label="Terra.datePicker.dayLabel"
             aria-required={false}
@@ -701,7 +703,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
             value=""
           >
             <input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Terra.datePicker.dayLabel"
               aria-required={false}
@@ -726,7 +728,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
             /
           </span>
           <Input
-            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
             aria-invalid={false}
             aria-label="Terra.datePicker.yearLabel"
             aria-required={false}
@@ -748,7 +750,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
             value=""
           >
             <input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Terra.datePicker.yearLabel"
               aria-required={false}
@@ -898,7 +900,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
         aria-live="off"
         text="
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey "
+            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey, "
       >
         <span
           aria-live="off"
@@ -906,7 +908,7 @@ exports[`should pass in refCallback as the ref prop of the calendar button 1`] =
         >
           
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey 
+            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey, 
         </span>
       </VisuallyHiddenText>
       <div
@@ -945,7 +947,7 @@ exports[`should render a date input with isIncomplete and required props 1`] = `
         class="visually-hidden-text"
       />
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="false"
         aria-label="Terra.datePicker.monthLabel"
         aria-required="true"
@@ -963,7 +965,7 @@ exports[`should render a date input with isIncomplete and required props 1`] = `
         /
       </span>
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="false"
         aria-label="Terra.datePicker.dayLabel"
         aria-required="true"
@@ -981,7 +983,7 @@ exports[`should render a date input with isIncomplete and required props 1`] = `
         /
       </span>
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="false"
         aria-label="Terra.datePicker.yearLabel"
         aria-required="true"
@@ -1035,7 +1037,7 @@ exports[`should render a date input with isIncomplete and required props 1`] = `
     >
       
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey 
+            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey, 
     </span>
     <div
       aria-hidden="true"
@@ -1072,7 +1074,7 @@ exports[`should render a date input with isInvalid prop 1`] = `
         class="visually-hidden-text"
       />
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="true"
         aria-label="Terra.datePicker.monthLabel"
         aria-required="false"
@@ -1090,7 +1092,7 @@ exports[`should render a date input with isInvalid prop 1`] = `
         /
       </span>
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="true"
         aria-label="Terra.datePicker.dayLabel"
         aria-required="false"
@@ -1108,7 +1110,7 @@ exports[`should render a date input with isInvalid prop 1`] = `
         /
       </span>
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="true"
         aria-label="Terra.datePicker.yearLabel"
         aria-required="false"
@@ -1162,7 +1164,7 @@ exports[`should render a date input with isInvalid prop 1`] = `
     >
       
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey 
+            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey, 
     </span>
     <div
       aria-hidden="true"
@@ -1199,7 +1201,7 @@ exports[`should render a default date input 1`] = `
         class="visually-hidden-text"
       />
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="false"
         aria-label="Terra.datePicker.monthLabel"
         aria-required="false"
@@ -1217,7 +1219,7 @@ exports[`should render a default date input 1`] = `
         /
       </span>
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="false"
         aria-label="Terra.datePicker.dayLabel"
         aria-required="false"
@@ -1235,7 +1237,7 @@ exports[`should render a default date input 1`] = `
         /
       </span>
       <input
-        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+        aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
         aria-invalid="false"
         aria-label="Terra.datePicker.yearLabel"
         aria-required="false"
@@ -1289,7 +1291,7 @@ exports[`should render a default date input 1`] = `
     >
       
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey 
+            Terra.datePicker.dateFormat.  Terra.datePicker.hotKey, 
     </span>
     <div
       aria-hidden="true"
@@ -1347,6 +1349,7 @@ exports[`should render a default date input with all props 1`] = `
       ],
     }
   }
+  errorId=""
   inputAttributes={Object {}}
   intl={
     Object {
@@ -1432,7 +1435,7 @@ exports[`should render a default date input with all props 1`] = `
           dateFormatOrder="MDY"
           day={
             <Input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Aria Label text Terra.datePicker.dayLabel"
               aria-required={false}
@@ -1457,7 +1460,7 @@ exports[`should render a default date input with all props 1`] = `
           }
           month={
             <Input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Aria Label text Terra.datePicker.monthLabel"
               aria-required={false}
@@ -1489,7 +1492,7 @@ exports[`should render a default date input with all props 1`] = `
           }
           year={
             <Input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Aria Label text Terra.datePicker.yearLabel"
               aria-required={false}
@@ -1514,7 +1517,7 @@ exports[`should render a default date input with all props 1`] = `
           }
         >
           <Input
-            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
             aria-invalid={false}
             aria-label="Aria Label text Terra.datePicker.monthLabel"
             aria-required={false}
@@ -1537,7 +1540,7 @@ exports[`should render a default date input with all props 1`] = `
             value="01"
           >
             <input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Aria Label text Terra.datePicker.monthLabel"
               aria-required={false}
@@ -1563,7 +1566,7 @@ exports[`should render a default date input with all props 1`] = `
             /
           </span>
           <Input
-            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
             aria-invalid={false}
             aria-label="Aria Label text Terra.datePicker.dayLabel"
             aria-required={false}
@@ -1586,7 +1589,7 @@ exports[`should render a default date input with all props 1`] = `
             value="01"
           >
             <input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Aria Label text Terra.datePicker.dayLabel"
               aria-required={false}
@@ -1612,7 +1615,7 @@ exports[`should render a default date input with all props 1`] = `
             /
           </span>
           <Input
-            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+            aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
             aria-invalid={false}
             aria-label="Aria Label text Terra.datePicker.yearLabel"
             aria-required={false}
@@ -1635,7 +1638,7 @@ exports[`should render a default date input with all props 1`] = `
             value="2017"
           >
             <input
-              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
               aria-invalid={false}
               aria-label="Aria Label text Terra.datePicker.yearLabel"
               aria-required={false}
@@ -1788,7 +1791,7 @@ exports[`should render a default date input with all props 1`] = `
         aria-live="off"
         text="
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat. Sunday, January 1, 2017, Terra.datePicker.hotKey "
+            Terra.datePicker.dateFormat. Sunday, January 1, 2017, Terra.datePicker.hotKey, "
       >
         <span
           aria-live="off"
@@ -1796,7 +1799,7 @@ exports[`should render a default date input with all props 1`] = `
         >
           
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat. Sunday, January 1, 2017, Terra.datePicker.hotKey 
+            Terra.datePicker.dateFormat. Sunday, January 1, 2017, Terra.datePicker.hotKey, 
         </span>
       </VisuallyHiddenText>
       <div
diff --git a/packages/terra-date-picker/tests/jest/__snapshots__/DatePicker.test.jsx.snap b/packages/terra-date-picker/tests/jest/__snapshots__/DatePicker.test.jsx.snap
index 503d4704acd..dbcfcf9318b 100644
--- a/packages/terra-date-picker/tests/jest/__snapshots__/DatePicker.test.jsx.snap
+++ b/packages/terra-date-picker/tests/jest/__snapshots__/DatePicker.test.jsx.snap
@@ -41,6 +41,7 @@ exports[`correctly applies the theme context className 1`] = `
     <DatePicker
       disableButtonFocusOnClose={false}
       disabled={false}
+      errorId=""
       intl={
         Object {
           "defaultFormats": Object {},
@@ -89,6 +90,7 @@ exports[`correctly applies the theme context className 1`] = `
             customInput={
               <InjectIntl(DatePickerInput)
                 buttonRefCallback={[Function]}
+                errorId=""
                 excludeDates={
                   Array [
                     "2017-01-01T00:00:00.000Z",
@@ -152,6 +154,7 @@ exports[`correctly applies the theme context className 1`] = `
               customInput={
                 <InjectIntl(DatePickerInput)
                   buttonRefCallback={[Function]}
+                  errorId=""
                   excludeDates={
                     Array [
                       "2017-01-01T00:00:00.000Z",
@@ -249,6 +252,7 @@ exports[`correctly applies the theme context className 1`] = `
                   buttonRefCallback={[Function]}
                   className=""
                   disabled={false}
+                  errorId=""
                   excludeDates={
                     Array [
                       "2017-01-01T00:00:00.000Z",
@@ -282,6 +286,7 @@ exports[`correctly applies the theme context className 1`] = `
                     buttonRefCallback={[Function]}
                     className=""
                     disabled={false}
+                    errorId=""
                     excludeDates={
                       Array [
                         "2017-01-01T00:00:00.000Z",
@@ -380,7 +385,7 @@ exports[`correctly applies the theme context className 1`] = `
                             dateFormatOrder="MDY"
                             day={
                               <Input
-                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                                 aria-invalid={false}
                                 aria-label="Terra.datePicker.dayLabel"
                                 aria-required={false}
@@ -404,7 +409,7 @@ exports[`correctly applies the theme context className 1`] = `
                             }
                             month={
                               <Input
-                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                                 aria-invalid={false}
                                 aria-label="Terra.datePicker.monthLabel"
                                 aria-required={false}
@@ -435,7 +440,7 @@ exports[`correctly applies the theme context className 1`] = `
                             }
                             year={
                               <Input
-                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                                 aria-invalid={false}
                                 aria-label="Terra.datePicker.yearLabel"
                                 aria-required={false}
@@ -459,7 +464,7 @@ exports[`correctly applies the theme context className 1`] = `
                             }
                           >
                             <Input
-                              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                               aria-invalid={false}
                               aria-label="Terra.datePicker.monthLabel"
                               aria-required={false}
@@ -481,7 +486,7 @@ exports[`correctly applies the theme context className 1`] = `
                               value="01"
                             >
                               <input
-                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                                 aria-invalid={false}
                                 aria-label="Terra.datePicker.monthLabel"
                                 aria-required={false}
@@ -506,7 +511,7 @@ exports[`correctly applies the theme context className 1`] = `
                               /
                             </span>
                             <Input
-                              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                               aria-invalid={false}
                               aria-label="Terra.datePicker.dayLabel"
                               aria-required={false}
@@ -528,7 +533,7 @@ exports[`correctly applies the theme context className 1`] = `
                               value="01"
                             >
                               <input
-                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                                 aria-invalid={false}
                                 aria-label="Terra.datePicker.dayLabel"
                                 aria-required={false}
@@ -553,7 +558,7 @@ exports[`correctly applies the theme context className 1`] = `
                               /
                             </span>
                             <Input
-                              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                              aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                               aria-invalid={false}
                               aria-label="Terra.datePicker.yearLabel"
                               aria-required={false}
@@ -575,7 +580,7 @@ exports[`correctly applies the theme context className 1`] = `
                               value="2017"
                             >
                               <input
-                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000"
+                                aria-describedby="terra-date-picker-description-format-00000000-0000-0000-0000-000000000000 "
                                 aria-invalid={false}
                                 aria-label="Terra.datePicker.yearLabel"
                                 aria-required={false}
@@ -684,7 +689,7 @@ exports[`correctly applies the theme context className 1`] = `
                           aria-live="off"
                           text="Terra.datePicker.invalidDate.
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat. Sunday, January 1, 2017, Terra.datePicker.hotKey "
+            Terra.datePicker.dateFormat. Sunday, January 1, 2017, Terra.datePicker.hotKey, "
                         >
                           <span
                             aria-live="off"
@@ -692,7 +697,7 @@ exports[`correctly applies the theme context className 1`] = `
                           >
                             Terra.datePicker.invalidDate.
             Terra.datePicker.dateFormatLabel
-            Terra.datePicker.dateFormat. Sunday, January 1, 2017, Terra.datePicker.hotKey 
+            Terra.datePicker.dateFormat. Sunday, January 1, 2017, Terra.datePicker.hotKey, 
                           </span>
                         </VisuallyHiddenText>
                         <div
@@ -727,6 +732,7 @@ exports[`should render a controlled date picker 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -803,6 +809,7 @@ exports[`should render a date picker with disabled dates 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -878,6 +885,7 @@ exports[`should render a date picker with filtered dates 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -953,6 +961,7 @@ exports[`should render a date picker with included dates 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1028,6 +1037,7 @@ exports[`should render a date picker with min and max dates 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1103,6 +1113,7 @@ exports[`should render a date picker with onBlur 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1178,6 +1189,7 @@ exports[`should render a date picker with onCalendarButtonClick 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1253,6 +1265,7 @@ exports[`should render a date picker with onChange 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1328,6 +1341,7 @@ exports[`should render a date picker with onChangeRaw 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1403,6 +1417,7 @@ exports[`should render a date picker with onFocus 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1478,6 +1493,7 @@ exports[`should render a date picker with onRequestClose 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1554,6 +1570,7 @@ exports[`should render a date picker with onSelect 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1629,6 +1646,7 @@ exports[`should render a default date input and date picker 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1704,6 +1722,7 @@ exports[`should render a default date input with custom input attributes 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1784,6 +1803,7 @@ exports[`should render a disabled date picker 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
@@ -1859,6 +1879,7 @@ exports[`should render a required date input and date picker 1`] = `
       customInput={
         <InjectIntl(DatePickerInput)
           buttonRefCallback={[Function]}
+          errorId=""
           excludeDates={
             Array [
               "2017-01-01T00:00:00.000Z",
diff --git a/packages/terra-date-picker/tests/jest/__snapshots__/DatePickerField.test.jsx.snap b/packages/terra-date-picker/tests/jest/__snapshots__/DatePickerField.test.jsx.snap
index b909eea5163..3c529c928b1 100644
--- a/packages/terra-date-picker/tests/jest/__snapshots__/DatePickerField.test.jsx.snap
+++ b/packages/terra-date-picker/tests/jest/__snapshots__/DatePickerField.test.jsx.snap
@@ -284,6 +284,7 @@ exports[`should render a DatePickerField with props 1`] = `
             ariaLabel="Label Test"
             disableButtonFocusOnClose={false}
             disabled={true}
+            errorId=""
             excludeDates={
               Array [
                 "2017-04-03",
@@ -355,6 +356,7 @@ exports[`should render a DatePickerField with props 1`] = `
                     <InjectIntl(DatePickerInput)
                       ariaLabel="Label Test"
                       buttonRefCallback={[Function]}
+                      errorId=""
                       excludeDates={
                         Array [
                           "2017-01-01T00:00:00.000Z",
@@ -428,6 +430,7 @@ exports[`should render a DatePickerField with props 1`] = `
                       <InjectIntl(DatePickerInput)
                         ariaLabel="Label Test"
                         buttonRefCallback={[Function]}
+                        errorId=""
                         excludeDates={
                           Array [
                             "2017-01-01T00:00:00.000Z",
@@ -535,6 +538,7 @@ exports[`should render a DatePickerField with props 1`] = `
                         buttonRefCallback={[Function]}
                         className=""
                         disabled={true}
+                        errorId=""
                         excludeDates={
                           Array [
                             "2017-01-01T00:00:00.000Z",
@@ -576,6 +580,7 @@ exports[`should render a DatePickerField with props 1`] = `
                           buttonRefCallback={[Function]}
                           className=""
                           disabled={true}
+                          errorId=""
                           excludeDates={
                             Array [
                               "2017-01-01T00:00:00.000Z",
@@ -682,7 +687,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                   dateFormatOrder="MDY"
                                   day={
                                     <Input
-                                      aria-describedby="test-date-picker-error test-date-picker-help"
+                                      aria-describedby="test-date-picker-error test-date-picker-help "
                                       aria-invalid={true}
                                       aria-label="Label Test Terra.datePicker.dayLabel"
                                       aria-required={true}
@@ -706,7 +711,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                   }
                                   month={
                                     <Input
-                                      aria-describedby="test-date-picker-error test-date-picker-help"
+                                      aria-describedby="test-date-picker-error test-date-picker-help "
                                       aria-invalid={true}
                                       aria-label="Label Test Terra.datePicker.monthLabel"
                                       aria-required={true}
@@ -737,7 +742,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                   }
                                   year={
                                     <Input
-                                      aria-describedby="test-date-picker-error test-date-picker-help"
+                                      aria-describedby="test-date-picker-error test-date-picker-help "
                                       aria-invalid={true}
                                       aria-label="Label Test Terra.datePicker.yearLabel"
                                       aria-required={true}
@@ -761,7 +766,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                   }
                                 >
                                   <Input
-                                    aria-describedby="test-date-picker-error test-date-picker-help"
+                                    aria-describedby="test-date-picker-error test-date-picker-help "
                                     aria-invalid={true}
                                     aria-label="Label Test Terra.datePicker.monthLabel"
                                     aria-required={true}
@@ -783,7 +788,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                     value="04"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-error test-date-picker-help"
+                                      aria-describedby="test-date-picker-error test-date-picker-help "
                                       aria-invalid={true}
                                       aria-label="Label Test Terra.datePicker.monthLabel"
                                       aria-required={true}
@@ -808,7 +813,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                     /
                                   </span>
                                   <Input
-                                    aria-describedby="test-date-picker-error test-date-picker-help"
+                                    aria-describedby="test-date-picker-error test-date-picker-help "
                                     aria-invalid={true}
                                     aria-label="Label Test Terra.datePicker.dayLabel"
                                     aria-required={true}
@@ -830,7 +835,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                     value="09"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-error test-date-picker-help"
+                                      aria-describedby="test-date-picker-error test-date-picker-help "
                                       aria-invalid={true}
                                       aria-label="Label Test Terra.datePicker.dayLabel"
                                       aria-required={true}
@@ -855,7 +860,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                     /
                                   </span>
                                   <Input
-                                    aria-describedby="test-date-picker-error test-date-picker-help"
+                                    aria-describedby="test-date-picker-error test-date-picker-help "
                                     aria-invalid={true}
                                     aria-label="Label Test Terra.datePicker.yearLabel"
                                     aria-required={true}
@@ -877,7 +882,7 @@ exports[`should render a DatePickerField with props 1`] = `
                                     value="2017"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-error test-date-picker-help"
+                                      aria-describedby="test-date-picker-error test-date-picker-help "
                                       aria-invalid={true}
                                       aria-label="Label Test Terra.datePicker.yearLabel"
                                       aria-required={true}
@@ -1191,6 +1196,7 @@ exports[`should render a default DatePickerField component 1`] = `
             ariaLabel="Label"
             disableButtonFocusOnClose={false}
             disabled={false}
+            errorId=""
             id="test-date-picker"
             inputAttributes={
               Object {
@@ -1246,6 +1252,7 @@ exports[`should render a default DatePickerField component 1`] = `
                     <InjectIntl(DatePickerInput)
                       ariaLabel="Label"
                       buttonRefCallback={[Function]}
+                      errorId=""
                       excludeDates={
                         Array [
                           "2017-01-01T00:00:00.000Z",
@@ -1316,6 +1323,7 @@ exports[`should render a default DatePickerField component 1`] = `
                       <InjectIntl(DatePickerInput)
                         ariaLabel="Label"
                         buttonRefCallback={[Function]}
+                        errorId=""
                         excludeDates={
                           Array [
                             "2017-01-01T00:00:00.000Z",
@@ -1420,6 +1428,7 @@ exports[`should render a default DatePickerField component 1`] = `
                         buttonRefCallback={[Function]}
                         className=""
                         disabled={false}
+                        errorId=""
                         excludeDates={
                           Array [
                             "2017-01-01T00:00:00.000Z",
@@ -1460,6 +1469,7 @@ exports[`should render a default DatePickerField component 1`] = `
                           buttonRefCallback={[Function]}
                           className=""
                           disabled={false}
+                          errorId=""
                           excludeDates={
                             Array [
                               "2017-01-01T00:00:00.000Z",
@@ -1565,7 +1575,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                   dateFormatOrder="MDY"
                                   day={
                                     <Input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Terra.datePicker.dayLabel"
                                       aria-required={false}
@@ -1589,7 +1599,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                   }
                                   month={
                                     <Input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Terra.datePicker.monthLabel"
                                       aria-required={false}
@@ -1620,7 +1630,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                   }
                                   year={
                                     <Input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Terra.datePicker.yearLabel"
                                       aria-required={false}
@@ -1644,7 +1654,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                   }
                                 >
                                   <Input
-                                    aria-describedby="test-date-picker-help"
+                                    aria-describedby="test-date-picker-help "
                                     aria-invalid={false}
                                     aria-label="Label Terra.datePicker.monthLabel"
                                     aria-required={false}
@@ -1666,7 +1676,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                     value="01"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Terra.datePicker.monthLabel"
                                       aria-required={false}
@@ -1691,7 +1701,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                     /
                                   </span>
                                   <Input
-                                    aria-describedby="test-date-picker-help"
+                                    aria-describedby="test-date-picker-help "
                                     aria-invalid={false}
                                     aria-label="Label Terra.datePicker.dayLabel"
                                     aria-required={false}
@@ -1713,7 +1723,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                     value="01"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Terra.datePicker.dayLabel"
                                       aria-required={false}
@@ -1738,7 +1748,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                     /
                                   </span>
                                   <Input
-                                    aria-describedby="test-date-picker-help"
+                                    aria-describedby="test-date-picker-help "
                                     aria-invalid={false}
                                     aria-label="Label Terra.datePicker.yearLabel"
                                     aria-required={false}
@@ -1760,7 +1770,7 @@ exports[`should render a default DatePickerField component 1`] = `
                                     value="2017"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Terra.datePicker.yearLabel"
                                       aria-required={false}
@@ -2164,6 +2174,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
             ariaLabel="Label Test"
             disableButtonFocusOnClose={false}
             disabled={true}
+            errorId=""
             excludeDates={
               Array [
                 "2017-04-03",
@@ -2233,6 +2244,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                     <InjectIntl(DatePickerInput)
                       ariaLabel="Label Test"
                       buttonRefCallback={[Function]}
+                      errorId=""
                       excludeDates={
                         Array [
                           "2017-01-01T00:00:00.000Z",
@@ -2304,6 +2316,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                       <InjectIntl(DatePickerInput)
                         ariaLabel="Label Test"
                         buttonRefCallback={[Function]}
+                        errorId=""
                         excludeDates={
                           Array [
                             "2017-01-01T00:00:00.000Z",
@@ -2409,6 +2422,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                         buttonRefCallback={[Function]}
                         className=""
                         disabled={true}
+                        errorId=""
                         excludeDates={
                           Array [
                             "2017-01-01T00:00:00.000Z",
@@ -2450,6 +2464,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                           buttonRefCallback={[Function]}
                           className=""
                           disabled={true}
+                          errorId=""
                           excludeDates={
                             Array [
                               "2017-01-01T00:00:00.000Z",
@@ -2556,7 +2571,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                   dateFormatOrder="MDY"
                                   day={
                                     <Input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Test Terra.datePicker.dayLabel"
                                       aria-required={true}
@@ -2580,7 +2595,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                   }
                                   month={
                                     <Input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Test Terra.datePicker.monthLabel"
                                       aria-required={true}
@@ -2611,7 +2626,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                   }
                                   year={
                                     <Input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Test Terra.datePicker.yearLabel"
                                       aria-required={true}
@@ -2635,7 +2650,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                   }
                                 >
                                   <Input
-                                    aria-describedby="test-date-picker-help"
+                                    aria-describedby="test-date-picker-help "
                                     aria-invalid={false}
                                     aria-label="Label Test Terra.datePicker.monthLabel"
                                     aria-required={true}
@@ -2657,7 +2672,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                     value="01"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Test Terra.datePicker.monthLabel"
                                       aria-required={true}
@@ -2682,7 +2697,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                     /
                                   </span>
                                   <Input
-                                    aria-describedby="test-date-picker-help"
+                                    aria-describedby="test-date-picker-help "
                                     aria-invalid={false}
                                     aria-label="Label Test Terra.datePicker.dayLabel"
                                     aria-required={true}
@@ -2704,7 +2719,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                     value="01"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Test Terra.datePicker.dayLabel"
                                       aria-required={true}
@@ -2729,7 +2744,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                     /
                                   </span>
                                   <Input
-                                    aria-describedby="test-date-picker-help"
+                                    aria-describedby="test-date-picker-help "
                                     aria-invalid={false}
                                     aria-label="Label Test Terra.datePicker.yearLabel"
                                     aria-required={true}
@@ -2751,7 +2766,7 @@ exports[`should render a valid DatePickerField with props 1`] = `
                                     value="2017"
                                   >
                                     <input
-                                      aria-describedby="test-date-picker-help"
+                                      aria-describedby="test-date-picker-help "
                                       aria-invalid={false}
                                       aria-label="Label Test Terra.datePicker.yearLabel"
                                       aria-required={true}
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png
index a373af62c34..9e4aa5473d0 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png
index c02742b83cd..0b345a01df7 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png
index a373af62c34..9e4aa5473d0 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png
index c02742b83cd..0b345a01df7 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png
index 7c265983a0b..24c0ef83b27 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png
index c1a49493d53..aa0045ce414 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png
index c683d4c1cfa..4e3cdd9453e 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/clicked.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/clicked.png
index d9dbf63baee..8e002545a08 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/clicked.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/clicked.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png
index 61b8d405c9e..99151a02cef 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png
index 7cc840e7e1e..11f5d48ebbf 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png
index d293612a7c3..4a8e416052d 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png
index 105381102cb..f1d307db918 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png
index 26c7196314e..b4e05e8dfb1 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png
index a373af62c34..9e4aa5473d0 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png
index c02742b83cd..0b345a01df7 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png
index 33fc1a72425..6e45ac7d802 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png
index c02742b83cd..0b345a01df7 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png
index 39b9bde6a6f..235b71c7482 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/key_limitations.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/key_limitations.png
index 9fb9063d188..532743a8df3 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/key_limitations.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/key_limitations.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/min_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/min_date_entered.png
index 84a0ffce212..e47b697ac67 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/min_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/min_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/min_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/min_date_selected.png
index c683d4c1cfa..4e3cdd9453e 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/min_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/min_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png
index 2ec3a03f224..dad483b0317 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png
index 8604720a8a1..79e93f119e1 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png
index 47de60b03df..07c65b8e32c 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png
index 0b48d4ba65d..fc5f09cc9a3 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png
index e9fe6908e21..37498642254 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png
index 253f1372de2..1c8e4cde58d 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png
index b9de8a5cb67..2c5f3eb2811 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png
index 470d14b2890..5b7bb8ff9c4 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png
index 9cb4ee60667..8c86d560d26 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png
index c00d3b73e5a..fe707e7f04b 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png
index abf03969d4e..2b207390990 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png
index b958118e0a5..2e278bb16b0 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png
index a373af62c34..9e4aa5473d0 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png
index 39b9bde6a6f..235b71c7482 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png
index 32eed89ac5a..03f0372ad09 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png
index 8a33f5c73f7..632f1d30a89 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png
index 5bb157f9c25..69361fb8ab3 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png
index fa54e1953b0..108386c7647 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png
index cab08cc2654..83f533b9e4e 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png
index 6defb3b1f9e..8ca34f06707 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png
index bc4666392a3..d5d5576e1ee 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png
index 6defb3b1f9e..8ca34f06707 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png
index bc4666392a3..d5d5576e1ee 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png
index f11d4a6f835..7c1bf705148 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png
index 528118230b3..4c0759a35fd 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png
index 6c7e6d1c405..60769a9efef 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/clicked.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/clicked.png
index fe066d142f1..bcebb3e0743 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/clicked.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/clicked.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png
index 6e6da631647..a036d090b66 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png
index b801b78947f..9739a5e5833 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png
index 45c6a340e95..565084557da 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png
index 5db7a20f058..946262ad7d8 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png
index d9f1ac04b46..a246e11c20f 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png
index 6defb3b1f9e..8ca34f06707 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png
index bc4666392a3..d5d5576e1ee 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png
index f77f8c350bf..6ba6e18cc7f 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png
index bc4666392a3..d5d5576e1ee 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png
index d4090f0ebaf..319deb76da8 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/key_limitations.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/key_limitations.png
index 661abf1a567..6bdb104d34f 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/key_limitations.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/key_limitations.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/min_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/min_date_entered.png
index e373d47ee06..620f243ed93 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/min_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/min_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/min_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/min_date_selected.png
index 9c6f2726015..60769a9efef 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/min_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/min_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png
index f28b49c7d9e..3ef8ca3da5d 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png
index 2af7a87d4fb..c72706e17da 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png
index 887e3810235..658b2fda569 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png
index 538114f9ce2..5538cd6b128 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png
index a2e76d2b659..9033eec5f48 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png
index 6babbe876d6..efe062d378c 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png
index b3bebf19309..b04002a6efe 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png
index d94ee911d06..51dcbe5f727 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png
index 160632f2679..38cb016b428 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png
index fd64e9405af..7f475d5a0aa 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png
index 845fcc32947..84d8511b93a 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png
index 759e7a93a19..a1d4bf173cd 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png
index 6defb3b1f9e..8ca34f06707 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png
index d4090f0ebaf..319deb76da8 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png
index f341115e672..6d61ed01712 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png
index c29955af800..98566bb14df 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png
index 2b6deb608f3..a095f90ec98 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png
index 0fcfda9e447..86a3fe9b77c 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png
index 2de12d22c3a..18b5e6fe51f 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png
index 32921bf6bcd..7e150c7b0d4 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png
index 6f430c390c1..126d982e989 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/arrow_left_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png
index 32921bf6bcd..7e150c7b0d4 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png
index 6f430c390c1..126d982e989 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/backspace_key_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png
index d83c0716398..d76eaf1658b 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_max_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png
index bc1efdfc3e3..25b144d4c48 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_min_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png
index 9e77cab6520..fcc36057503 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/beyond_min_max_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/clicked.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/clicked.png
index 01bea177645..f2ae382798e 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/clicked.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/clicked.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png
index ce9cf43b0b9..cdd41e4c882 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/controlled_date_picker_date_input_manually_updated.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png
index b2492ab7110..688a0afc155 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/date_before_the_minDate_cleared.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png
index a943ccc3ab7..8636e640c1d 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/datepicker_-_on_change_raw_date_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png
index 8fde5f29312..3f9598059de 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/day_input_auto_prepend_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png
index 79010683b69..a5a230c2c95 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/day_input_rejected_digit_2.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/default_date_cleared.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/default_date_cleared.png
index 429275ba5b4..b554f8882b5 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/default_date_cleared.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/default_date_cleared.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png
index 32921bf6bcd..7e150c7b0d4 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png
index 6f430c390c1..126d982e989 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/delete_key_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png
index c669975ccd0..3e760290b31 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/excluded_date_cleared.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png
index 6f430c390c1..126d982e989 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/initial_focus_on_month_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png
index 6c453485a87..72c9272f0db 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/initial_focus_on_year_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/key_limitations.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/key_limitations.png
index a5e52f47362..3123550b861 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/key_limitations.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/key_limitations.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/min_date_entered.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/min_date_entered.png
index 646025ca242..ab7493d1fc9 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/min_date_entered.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/min_date_entered.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/min_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/min_date_selected.png
index ae650b2e855..fcc36057503 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/min_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/min_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png
index 6adc4a4baab..c7e9f71ae71 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/month_input_auto_prepend_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png
index f146a1f9f40..4e1521b8e7d 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/month_input_rejected_digit_3.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png
index d93572cbe7d..a2f4365a83c 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_date_set.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png
index 7cffb61c170..0ec1462f61f 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_no_date_set.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png
index 9f4de189eaa..6604f093ef9 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01-2017.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png
index dadbbd8d5a4..5b07c7b948c 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_06-01.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png
index f811c1d3f7c..3b48b42652c 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_change_raw_date_set_to_invalid_04-01-2019.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png
index 5f7997781de..8cf9b6e7f47 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_click_outside_date_picker_closed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png
index 62fc7beeff1..f1e9082b02e 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_select_date_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png
index 13e9b40da88..b6d80d84814 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/on_select_date_not_displayed.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png
index 6c4884ff25f..fc59a050234 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/out_of_range_date_cleared_after_focusing_on_month_input_box.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png
index 13f6b4ea3e4..e31dabb3dbc 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/remounts_component_date_selected.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png
index 32921bf6bcd..7e150c7b0d4 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_day_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png
index 6c453485a87..72c9272f0db 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/right_arrow_focus_on_year_input.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png
index f03fd4d0131..23cc6d88e0d 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_append_0.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png
index 13b9449ee9d..2861301cf57 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_20.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png
index 3b795b77d4c..9e77673a1ac 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_auto_prepend_200.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png
index e86aa0359ad..77b136822a7 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digit_1.png differ
diff --git a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png
index 360da7e9c11..31da98bb49f 100644
Binary files a/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png and b/packages/terra-date-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/date-picker-spec/year_input_rejected_digits_99.png differ
diff --git a/packages/terra-date-time-picker/CHANGELOG.md b/packages/terra-date-time-picker/CHANGELOG.md
index 4176c7c0e89..e89ba97b014 100644
--- a/packages/terra-date-time-picker/CHANGELOG.md
+++ b/packages/terra-date-time-picker/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Added
+  * Added ariaDescribedBy prop in `terra-date-time-picker` example for invalid error message.
+
 ## 4.106.0 - (February 16, 2024)
 
 * Changed
@@ -55,7 +58,7 @@
 ## 4.96.0 - (September 21, 2023)
 
 * Fixed
-  * Fixed error that occurs when date format is called upon null reference 
+  * Fixed error that occurs when date format is called upon null reference
     when time transitions from DST to ST.
 
 ## 4.95.0 - (September 19, 2023)
diff --git a/packages/terra-date-time-picker/src/DateTimePicker.jsx b/packages/terra-date-time-picker/src/DateTimePicker.jsx
index 1899a975405..a492af2e63f 100644
--- a/packages/terra-date-time-picker/src/DateTimePicker.jsx
+++ b/packages/terra-date-time-picker/src/DateTimePicker.jsx
@@ -135,6 +135,12 @@ const propTypes = {
    * If the `variant` prop if set to `12-hour` for one of these supported locales, the variant will be ignored and defaults to `24-hour`.
    */
   timeVariant: PropTypes.oneOf([DateTimeUtils.FORMAT_12_HOUR, DateTimeUtils.FORMAT_24_HOUR]),
+  /**
+   * ![IMPORTANT](https://badgen.net/badge/UX/Accessibility/blue).
+   * If invalid error text is used, provide a string containing the IDs for error html element.
+   * ID must be htmlFor prop value with error text.
+   */
+  errorId: PropTypes.string,
 };
 
 const defaultProps = {
@@ -160,6 +166,7 @@ const defaultProps = {
   value: undefined,
   timeVariant: DateTimeUtils.FORMAT_24_HOUR,
   initialTimeZone: DateTimeUtils.getLocalTimeZone(),
+  errorId: '',
 };
 
 class DateTimePicker extends React.Component {
@@ -757,6 +764,7 @@ class DateTimePicker extends React.Component {
       timeInputAttributes,
       value,
       timeVariant,
+      errorId,
       ...customProps
     } = this.props;
 
@@ -809,6 +817,7 @@ class DateTimePicker extends React.Component {
             required={required}
             initialTimeZone={this.initialTimeZone}
             isDefaultDateAcceptable
+            errorId={errorId}
           />
         </div>
         <div className={cx('time-facade')}>
@@ -830,6 +839,7 @@ class DateTimePicker extends React.Component {
             required={required}
             atMaxDate={atMaxDate}
             atMinDate={atMinDate}
+            errorId={errorId}
           />
 
           {this.state.isAmbiguousTime && this.state.dateTime ? this.renderTimeClarification() : null}
diff --git a/packages/terra-date-time-picker/tests/jest/__snapshots__/DateTimePicker.test.jsx.snap b/packages/terra-date-time-picker/tests/jest/__snapshots__/DateTimePicker.test.jsx.snap
index fc99fdd39eb..bd34da0d73d 100644
--- a/packages/terra-date-time-picker/tests/jest/__snapshots__/DateTimePicker.test.jsx.snap
+++ b/packages/terra-date-time-picker/tests/jest/__snapshots__/DateTimePicker.test.jsx.snap
@@ -20,6 +20,7 @@ exports[`correctly applies the theme context className 1`] = `
 exports[`should render a date time picker with a default date and time 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -64,6 +65,7 @@ exports[`should render a date time picker with a default date and time 1`] = `
 exports[`should render a date time picker with disabled dates 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   excludeDates={
     Array [
       "2017-04-01",
@@ -112,6 +114,7 @@ exports[`should render a date time picker with disabled dates 1`] = `
 exports[`should render a date time picker with filtered dates 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   filterDate={[Function]}
   initialTimeZone="America/Chicago"
   intl={
@@ -156,6 +159,7 @@ exports[`should render a date time picker with filtered dates 1`] = `
 exports[`should render a date time picker with included dates 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   includeDates={
     Array [
       "2017-04-01",
@@ -204,6 +208,7 @@ exports[`should render a date time picker with included dates 1`] = `
 exports[`should render a date time picker with min and max dates 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -247,6 +252,7 @@ exports[`should render a date time picker with min and max dates 1`] = `
 exports[`should render a date time picker with onBlur 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -291,6 +297,7 @@ exports[`should render a date time picker with onBlur 1`] = `
 exports[`should render a date time picker with onChange 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -335,6 +342,7 @@ exports[`should render a date time picker with onChange 1`] = `
 exports[`should render a date time picker with onChangeRaw 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -379,6 +387,7 @@ exports[`should render a date time picker with onChangeRaw 1`] = `
 exports[`should render a date time picker with the seconds field enabled 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -422,6 +431,7 @@ exports[`should render a date time picker with the seconds field enabled 1`] = `
 exports[`should render a default date time picker 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -466,6 +476,7 @@ exports[`should render a default date time picker with ariaLabel 1`] = `
 <DateTimePicker
   ariaLabel="Select date and time"
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -514,6 +525,7 @@ exports[`should render a default date time picker with custom date input attribu
     }
   }
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -557,6 +569,7 @@ exports[`should render a default date time picker with custom date input attribu
 exports[`should render a default date time picker with custom time input attributes 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -605,6 +618,7 @@ exports[`should render a default date time picker with custom time input attribu
 exports[`should render a disabled date time picker 1`] = `
 <DateTimePicker
   disabled={true}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
@@ -648,6 +662,7 @@ exports[`should render a disabled date time picker 1`] = `
 exports[`should render with a default timeVariant if variant is not specified 1`] = `
 <DateTimePicker
   disabled={false}
+  errorId=""
   initialTimeZone="America/Chicago"
   intl={
     Object {
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png
index 428a2d88f56..9c5aade0346 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png
index 428a2d88f56..9c5aade0346 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png
index 79851005ba8..54a45186654 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png
index 9005c183209..e102d14dbb0 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png
index 0cdf21443d0..8165312e27b 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/triggered.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/triggered.png
index 25d5af83eed..cb83fe062cd 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/triggered.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/triggered.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/valid_date.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/valid_date.png
index 77dd45daf56..31da7a72883 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/valid_date.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/date-time-picker-spec/valid_date.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png
index c2d3007f2cd..c60fd27e47a 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png
index c2d3007f2cd..c60fd27e47a 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png
index ad4caf8fef3..129ea304fac 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png
index 9d4f9952425..1bc0967f8fe 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/triggered.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/triggered.png
index f5d359cb44c..486009f9dd2 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/triggered.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/triggered.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png
index e7701d5a38c..2ddff520696 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png
index 1b41734e339..8fdc8cff054 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png
index 1b41734e339..8fdc8cff054 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png
index 6f155f1fc7a..f569923a4f4 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png
index 45af553d288..566f5bdcb28 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png
index a7cc7520b34..411ff62fb06 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/triggered.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/triggered.png
index 1069626c59f..49196ce2324 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/triggered.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/triggered.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/valid_date.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/valid_date.png
index 000b343a520..74cbba0f082 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/valid_date.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/date-time-picker-spec/valid_date.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png
index b47df18c410..1f72c05ab49 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png
index b47df18c410..1f72c05ab49 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png
index cf8361c0f0e..50ea02f4991 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png
index cb5010ada89..80f5e3327c4 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/triggered.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/triggered.png
index 4730d005712..7a043405ee4 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/triggered.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/triggered.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png
index a605c1ab6f9..d094bcd1776 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png
index ad14a965d37..f72f37492ec 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/clear_excluded_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png
index ad14a965d37..f72f37492ec 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png
index c074ef2a3a7..11dddad9d6c 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/keep_focus_on_year.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png
index abfabe31770..301a5b9eb3b 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/select_date_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png
index f05ba0dd0cd..8d63f88953e 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/trigger_onChange_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/triggered.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/triggered.png
index 9658ec96c2a..9ea65ac0273 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/triggered.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/triggered.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/valid_date.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/valid_date.png
index e0a6de84638..ac4f6cc6cd2 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/valid_date.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/date-time-picker-spec/valid_date.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png
index 19c839c24b5..9a49cbb172c 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/clear_excluded_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png
index 19c839c24b5..9a49cbb172c 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/clear_out_of_range_date_-_date_focus.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png
index 8d1369532ac..f72c182983d 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/keep_focus_on_year.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png
index e4f3aed09c7..99aa686de03 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/trigger_onChange_on_select.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/triggered.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/triggered.png
index d45aeb2dc3e..f2b2d43dfdf 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/triggered.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/triggered.png differ
diff --git a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png
index 7655f26c44c..985f64da17e 100644
Binary files a/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png and b/packages/terra-date-time-picker/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/date-time-picker-spec/valid_date.png differ
diff --git a/packages/terra-framework-docs/CHANGELOG.md b/packages/terra-framework-docs/CHANGELOG.md
index b6bb0ba9c41..891418c3b07 100644
--- a/packages/terra-framework-docs/CHANGELOG.md
+++ b/packages/terra-framework-docs/CHANGELOG.md
@@ -12,6 +12,9 @@
 
 ## 1.65.0 - (February 16, 2024)
 
+* Added
+  * Added ariaDescribedBy prop in `terra-date-time-picker` example for invalid error message.
+
 * Added
   * Added shouldTrapFocus to be set to 'true'.
 * Changed
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/date-time-picker/example/DateTimePickerInvalid.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/date-time-picker/example/DateTimePickerInvalid.jsx
index b939c3d2519..f93170231a9 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/date-time-picker/example/DateTimePickerInvalid.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/date-time-picker/example/DateTimePickerInvalid.jsx
@@ -27,6 +27,7 @@ const DateTimePickerExampleInvalid = () => {
           dateInputAttributes={{ id: 'default-invalid' }}
           onChange={handleDateTimeChange}
           isInvalid={isInvalid}
+          errorId="default-invalid-error"
         />
       </Field>
     </div>
diff --git a/packages/terra-time-input/CHANGELOG.md b/packages/terra-time-input/CHANGELOG.md
index b7b9eb7ea94..4a53bd16c6a 100644
--- a/packages/terra-time-input/CHANGELOG.md
+++ b/packages/terra-time-input/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 ## Unreleased
 
+* Added
+  * Added ariaDescribedBy prop to announce invalid error message.
+
+* Changed
+  * Added fix for field label SR announce.
+
 ## 4.62.0 - (February 16, 2024)
 
 * Fixed
diff --git a/packages/terra-time-input/src/TimeInput.jsx b/packages/terra-time-input/src/TimeInput.jsx
index 91eb658084b..70eab26f32f 100644
--- a/packages/terra-time-input/src/TimeInput.jsx
+++ b/packages/terra-time-input/src/TimeInput.jsx
@@ -115,6 +115,12 @@ const propTypes = {
    * If the `variant` prop if set to `12-hour` for one of these supported locales, the variant will be ignored and defaults to `24-hour`.
    */
   variant: PropTypes.oneOf([TimeUtil.FORMAT_12_HOUR, TimeUtil.FORMAT_24_HOUR]),
+  /**
+   * ![IMPORTANT](https://badgen.net/badge/UX/Accessibility/blue).
+   * If invalid error text is used, provide a string containing the IDs for error html element.
+   * ID must be htmlFor prop value with error text.
+   */
+  errorId: PropTypes.string,
 };
 
 const defaultProps = {
@@ -136,6 +142,7 @@ const defaultProps = {
   showSeconds: false,
   value: undefined,
   variant: TimeUtil.FORMAT_24_HOUR,
+  errorId: '',
 };
 
 class TimeInput extends React.Component {
@@ -887,6 +894,7 @@ class TimeInput extends React.Component {
       showSeconds,
       value,
       variant,
+      errorId,
       ...customProps
     } = this.props;
 
@@ -1084,6 +1092,7 @@ class TimeInput extends React.Component {
             size="2"
             pattern="\d*"
             description={`${hourDescription()}, ${hotKeyDescription}`}
+            errorId={errorId}
           />
           <TimeSpacer className={cx('time-spacer')} />
           <AccessibleInput
@@ -1104,6 +1113,7 @@ class TimeInput extends React.Component {
             pattern="\d*"
             // description: Like the hour descriptions, but for the minute input.
             description={`${minuteDescription}, ${hotKeyDescription}`}
+            errorId={errorId}
           />
           {showSeconds && (
           <React.Fragment>
@@ -1126,6 +1136,7 @@ class TimeInput extends React.Component {
               pattern="\d*"
               // description: Like the hour descriptions, but for the second input.
               description={`${secondDescription}, ${hotKeyDescription}`}
+              errorId={errorId}
             />
           </React.Fragment>
           )}
diff --git a/packages/terra-time-input/tests/jest/__snapshots__/TimeInput.test.jsx.snap b/packages/terra-time-input/tests/jest/__snapshots__/TimeInput.test.jsx.snap
index c6181a7ce44..f40ff2126d4 100644
--- a/packages/terra-time-input/tests/jest/__snapshots__/TimeInput.test.jsx.snap
+++ b/packages/terra-time-input/tests/jest/__snapshots__/TimeInput.test.jsx.snap
@@ -42,6 +42,7 @@ exports[`correctly applies the theme context className 1`] = `
       atMaxDate={false}
       atMinDate={false}
       disabled={false}
+      errorId=""
       hourAttributes={Object {}}
       inputAttributes={
         Object {
@@ -117,6 +118,7 @@ exports[`correctly applies the theme context className 1`] = `
             className="time-input-hour"
             description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
             disabled={false}
+            errorId=""
             isInvalid={false}
             label="Terra.timeInput.hourLabel"
             maxLength="2"
@@ -140,6 +142,7 @@ exports[`correctly applies the theme context className 1`] = `
               aria-label="Terra.timeInput.hourLabel"
               className="time-input-hour"
               disabled={false}
+              errorId=""
               isIncomplete={false}
               isInvalid={false}
               maxLength="2"
@@ -162,6 +165,7 @@ exports[`correctly applies the theme context className 1`] = `
                 aria-label="Terra.timeInput.hourLabel"
                 className="form-input orion-fusion-theme time-input-hour"
                 disabled={false}
+                errorId=""
                 maxLength="2"
                 name="terra-time-hour-time-input"
                 onBlur={[Function]}
@@ -235,6 +239,7 @@ exports[`correctly applies the theme context className 1`] = `
             className="time-input-minute"
             description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
             disabled={false}
+            errorId=""
             isInvalid={false}
             label="Terra.timeInput.minutes"
             maxLength="2"
@@ -258,6 +263,7 @@ exports[`correctly applies the theme context className 1`] = `
               aria-label="Terra.timeInput.minutes"
               className="time-input-minute"
               disabled={false}
+              errorId=""
               isIncomplete={false}
               isInvalid={false}
               maxLength="2"
@@ -280,6 +286,7 @@ exports[`correctly applies the theme context className 1`] = `
                 aria-label="Terra.timeInput.minutes"
                 className="form-input orion-fusion-theme time-input-minute"
                 disabled={false}
+                errorId=""
                 maxLength="2"
                 name="terra-time-minute-time-input"
                 onBlur={[Function]}
@@ -355,6 +362,7 @@ exports[`should ignore invalid times properly 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -379,6 +387,7 @@ exports[`should ignore invalid times properly 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -433,6 +442,7 @@ exports[`should ignore invalid times with seconds properly 1`] = `
       className="time-input-hour with-second"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -457,6 +467,7 @@ exports[`should ignore invalid times with seconds properly 1`] = `
       className="time-input-minute with-second"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -481,6 +492,7 @@ exports[`should ignore invalid times with seconds properly 1`] = `
       className="time-input-second"
       description="Terra.timeInput.descriptionSecond, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.seconds"
       maxLength="2"
@@ -541,6 +553,7 @@ exports[`should not have duplicate ids on the page when multiple date pickers ar
         aria-invalid="false"
         aria-label="Terra.timeInput.hourLabel"
         class="form-input time-input-hour"
+        errorid=""
         maxlength="2"
         name="terra-time-hour-time-input"
         pattern="\\\\d*"
@@ -567,6 +580,7 @@ exports[`should not have duplicate ids on the page when multiple date pickers ar
         aria-invalid="false"
         aria-label="Terra.timeInput.minutes"
         class="form-input time-input-minute"
+        errorid=""
         maxlength="2"
         name="terra-time-minute-time-input"
         pattern="\\\\d*"
@@ -662,6 +676,7 @@ exports[`should not have duplicate ids on the page when multiple date pickers ar
         aria-invalid="false"
         aria-label="Terra.timeInput.hourLabel"
         class="form-input time-input-hour"
+        errorid=""
         maxlength="2"
         name="terra-time-hour-time-input-2"
         pattern="\\\\d*"
@@ -688,6 +703,7 @@ exports[`should not have duplicate ids on the page when multiple date pickers ar
         aria-invalid="false"
         aria-label="Terra.timeInput.minutes"
         class="form-input time-input-minute"
+        errorid=""
         maxlength="2"
         name="terra-time-minute-time-input-2"
         pattern="\\\\d*"
@@ -783,6 +799,7 @@ exports[`should not have duplicate ids on the page when multiple date pickers ar
         aria-invalid="false"
         aria-label="Terra.timeInput.hourLabel"
         class="form-input time-input-hour"
+        errorid=""
         maxlength="2"
         name="terra-time-hour-time-input-3"
         pattern="\\\\d*"
@@ -809,6 +826,7 @@ exports[`should not have duplicate ids on the page when multiple date pickers ar
         aria-invalid="false"
         aria-label="Terra.timeInput.minutes"
         class="form-input time-input-minute"
+        errorid=""
         maxlength="2"
         name="terra-time-minute-time-input-3"
         pattern="\\\\d*"
@@ -888,6 +906,7 @@ exports[`should pass in refCallback as the ref prop of the hour input element 1`
   atMaxDate={false}
   atMinDate={false}
   disabled={false}
+  errorId=""
   hourAttributes={Object {}}
   inputAttributes={
     Object {
@@ -940,6 +959,7 @@ exports[`should pass in refCallback as the ref prop of the hour input element 1`
             aria-invalid="false"
             aria-label="Terra.timeInput.hourLabel"
             class="form-input time-input-hour"
+            errorid=""
             maxlength="2"
             name="terra-time-hour-time-input"
             pattern="\\\\d*"
@@ -990,6 +1010,7 @@ exports[`should pass in refCallback as the ref prop of the hour input element 1`
         className="time-input-hour"
         description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
         disabled={false}
+        errorId=""
         isInvalid={false}
         label="Terra.timeInput.hourLabel"
         maxLength="2"
@@ -1013,6 +1034,7 @@ exports[`should pass in refCallback as the ref prop of the hour input element 1`
           aria-label="Terra.timeInput.hourLabel"
           className="time-input-hour"
           disabled={false}
+          errorId=""
           isIncomplete={false}
           isInvalid={false}
           maxLength="2"
@@ -1035,6 +1057,7 @@ exports[`should pass in refCallback as the ref prop of the hour input element 1`
             aria-label="Terra.timeInput.hourLabel"
             className="form-input time-input-hour"
             disabled={false}
+            errorId=""
             maxLength="2"
             name="terra-time-hour-time-input"
             onBlur={[Function]}
@@ -1108,6 +1131,7 @@ exports[`should pass in refCallback as the ref prop of the hour input element 1`
         className="time-input-minute"
         description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
         disabled={false}
+        errorId=""
         isInvalid={false}
         label="Terra.timeInput.minutes"
         maxLength="2"
@@ -1131,6 +1155,7 @@ exports[`should pass in refCallback as the ref prop of the hour input element 1`
           aria-label="Terra.timeInput.minutes"
           className="time-input-minute"
           disabled={false}
+          errorId=""
           isIncomplete={false}
           isInvalid={false}
           maxLength="2"
@@ -1153,6 +1178,7 @@ exports[`should pass in refCallback as the ref prop of the hour input element 1`
             aria-label="Terra.timeInput.minutes"
             className="form-input time-input-minute"
             disabled={false}
+            errorId=""
             maxLength="2"
             name="terra-time-minute-time-input"
             onBlur={[Function]}
@@ -1226,6 +1252,7 @@ exports[`should render a 12 hour clock time input with seconds input 1`] = `
       className="time-input-hour with-second"
       description="Terra.timeInput.hourDescriptionTwelve, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -1250,6 +1277,7 @@ exports[`should render a 12 hour clock time input with seconds input 1`] = `
       className="time-input-minute with-second"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -1274,6 +1302,7 @@ exports[`should render a 12 hour clock time input with seconds input 1`] = `
       className="time-input-second"
       description="Terra.timeInput.descriptionSecond, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.seconds"
       maxLength="2"
@@ -1359,6 +1388,7 @@ exports[`should render a 12 hour timepicker meridiem with buttons and seconds in
       aria-invalid="false"
       aria-label="Terra.timeInput.hourLabel"
       class="form-input time-input-hour with-second"
+      errorid=""
       maxlength="2"
       name="terra-time-hour-time-input"
       pattern="\\\\d*"
@@ -1385,6 +1415,7 @@ exports[`should render a 12 hour timepicker meridiem with buttons and seconds in
       aria-invalid="false"
       aria-label="Terra.timeInput.minutes"
       class="form-input time-input-minute with-second"
+      errorid=""
       maxlength="2"
       name="terra-time-minute-time-input"
       pattern="\\\\d*"
@@ -1411,6 +1442,7 @@ exports[`should render a 12 hour timepicker meridiem with buttons and seconds in
       aria-invalid="false"
       aria-label="Terra.timeInput.seconds"
       class="form-input time-input-second"
+      errorid=""
       maxlength="2"
       name="terra-time-second-time-input"
       pattern="\\\\d*"
@@ -1509,6 +1541,7 @@ exports[`should render a 12 hour timepicker meridiem with buttons when viewed on
       aria-invalid="false"
       aria-label="Terra.timeInput.hourLabel"
       class="form-input time-input-hour"
+      errorid=""
       maxlength="2"
       name="terra-time-hour-time-input"
       pattern="\\\\d*"
@@ -1535,6 +1568,7 @@ exports[`should render a 12 hour timepicker meridiem with buttons when viewed on
       aria-invalid="false"
       aria-label="Terra.timeInput.minutes"
       class="form-input time-input-minute"
+      errorid=""
       maxlength="2"
       name="terra-time-minute-time-input"
       pattern="\\\\d*"
@@ -1633,6 +1667,7 @@ exports[`should render a 24 hour timepicker properly on mobile devices 1`] = `
       aria-invalid="false"
       aria-label="Terra.timeInput.hourLabel"
       class="form-input time-input-hour"
+      errorid=""
       maxlength="2"
       name="terra-time-hour-time-input"
       pattern="\\\\d*"
@@ -1659,6 +1694,7 @@ exports[`should render a 24 hour timepicker properly on mobile devices 1`] = `
       aria-invalid="false"
       aria-label="Terra.timeInput.minutes"
       class="form-input time-input-minute"
+      errorid=""
       maxlength="2"
       name="terra-time-minute-time-input"
       pattern="\\\\d*"
@@ -1714,6 +1750,7 @@ exports[`should render a 24 hour timepicker with seconds properly on mobile devi
       aria-invalid="false"
       aria-label="Terra.timeInput.hourLabel"
       class="form-input time-input-hour with-second"
+      errorid=""
       maxlength="2"
       name="terra-time-hour-time-input"
       pattern="\\\\d*"
@@ -1740,6 +1777,7 @@ exports[`should render a 24 hour timepicker with seconds properly on mobile devi
       aria-invalid="false"
       aria-label="Terra.timeInput.minutes"
       class="form-input time-input-minute with-second"
+      errorid=""
       maxlength="2"
       name="terra-time-minute-time-input"
       pattern="\\\\d*"
@@ -1766,6 +1804,7 @@ exports[`should render a 24 hour timepicker with seconds properly on mobile devi
       aria-invalid="false"
       aria-label="Terra.timeInput.seconds"
       class="form-input time-input-second"
+      errorid=""
       maxlength="2"
       name="terra-time-second-time-input"
       pattern="\\\\d*"
@@ -1818,6 +1857,7 @@ exports[`should render a default time input 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -1842,6 +1882,7 @@ exports[`should render a default time input 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -1896,6 +1937,7 @@ exports[`should render a disabled time input 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={true}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -1920,6 +1962,7 @@ exports[`should render a disabled time input 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={true}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -1974,6 +2017,7 @@ exports[`should render a time input with 12 hour clock set 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwelve, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -1998,6 +2042,7 @@ exports[`should render a time input with 12 hour clock set 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -2080,6 +2125,7 @@ exports[`should render a time input with a default time 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -2104,6 +2150,7 @@ exports[`should render a time input with a default time 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -2158,6 +2205,7 @@ exports[`should render a time input with custom attributes 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       id="terra-time-input"
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
@@ -2183,6 +2231,7 @@ exports[`should render a time input with custom attributes 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       id="terra-time-input"
       isInvalid={false}
       label="Terra.timeInput.minutes"
@@ -2238,6 +2287,7 @@ exports[`should render a time input with onBlur 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -2262,6 +2312,7 @@ exports[`should render a time input with onBlur 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -2316,6 +2367,7 @@ exports[`should render a time input with onChange 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -2340,6 +2392,7 @@ exports[`should render a time input with onChange 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -2394,6 +2447,7 @@ exports[`should render a time input with onFocus 1`] = `
       className="time-input-hour"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -2418,6 +2472,7 @@ exports[`should render a time input with onFocus 1`] = `
       className="time-input-minute"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -2472,6 +2527,7 @@ exports[`should render a time input with seconds input 1`] = `
       className="time-input-hour with-second"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -2496,6 +2552,7 @@ exports[`should render a time input with seconds input 1`] = `
       className="time-input-minute with-second"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -2520,6 +2577,7 @@ exports[`should render a time input with seconds input 1`] = `
       className="time-input-second"
       description="Terra.timeInput.descriptionSecond, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.seconds"
       maxLength="2"
@@ -2574,6 +2632,7 @@ exports[`should render a time input with seconds input and a value 1`] = `
       className="time-input-hour with-second"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
       maxLength="2"
@@ -2598,6 +2657,7 @@ exports[`should render a time input with seconds input and a value 1`] = `
       className="time-input-minute with-second"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.minutes"
       maxLength="2"
@@ -2622,6 +2682,7 @@ exports[`should render a time input with seconds input and a value 1`] = `
       className="time-input-second"
       description="Terra.timeInput.descriptionSecond, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       isInvalid={false}
       label="Terra.timeInput.seconds"
       maxLength="2"
@@ -2676,6 +2737,7 @@ exports[`should render a time input with seconds input and custom attributes 1`]
       className="time-input-hour with-second"
       description="Terra.timeInput.hourDescriptionTwentyFour, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       id="terra-time-input"
       isInvalid={false}
       label="Terra.timeInput.hourLabel"
@@ -2701,6 +2763,7 @@ exports[`should render a time input with seconds input and custom attributes 1`]
       className="time-input-minute with-second"
       description="Terra.timeInput.descriptionMinute, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       id="terra-time-input"
       isInvalid={false}
       label="Terra.timeInput.minutes"
@@ -2726,6 +2789,7 @@ exports[`should render a time input with seconds input and custom attributes 1`]
       className="time-input-second"
       description="Terra.timeInput.descriptionSecond, Terra.timePicker.hotKey"
       disabled={false}
+      errorId=""
       id="id-0"
       isInvalid={false}
       label="Terra.timeInput.seconds"
@@ -2784,6 +2848,7 @@ exports[`should set the labels with the correct htmlFor a 24 hour timepicker pro
       aria-invalid="false"
       aria-label="Terra.timeInput.hourLabel"
       class="form-input time-input-hour"
+      errorid=""
       id="id-2"
       maxlength="2"
       name="terra-time-hour-time-input"
@@ -2811,6 +2876,7 @@ exports[`should set the labels with the correct htmlFor a 24 hour timepicker pro
       aria-invalid="false"
       aria-label="Terra.timeInput.minutes"
       class="form-input time-input-minute"
+      errorid=""
       id="id-1"
       maxlength="2"
       name="terra-time-minute-time-input"
@@ -2867,6 +2933,7 @@ exports[`should set the labels with the correct htmlFor a 24 hour timepicker pro
       aria-invalid="false"
       aria-label="Terra.timeInput.hourLabel"
       class="form-input time-input-hour with-second"
+      errorid=""
       id="id-2"
       maxlength="2"
       name="terra-time-hour-time-input"
@@ -2894,6 +2961,7 @@ exports[`should set the labels with the correct htmlFor a 24 hour timepicker pro
       aria-invalid="false"
       aria-label="Terra.timeInput.minutes"
       class="form-input time-input-minute with-second"
+      errorid=""
       id="id-1"
       maxlength="2"
       name="terra-time-minute-time-input"
@@ -2921,6 +2989,7 @@ exports[`should set the labels with the correct htmlFor a 24 hour timepicker pro
       aria-invalid="false"
       aria-label="Terra.timeInput.seconds"
       class="form-input time-input-second"
+      errorid=""
       id="id-0"
       maxlength="2"
       name="terra-time-second-time-input"