diff --git a/src/PickerPanel/TimePanel/TimePanelBody/TimeColumn.tsx b/src/PickerPanel/TimePanel/TimePanelBody/TimeColumn.tsx
index 4058f278c..f2c9d1434 100644
--- a/src/PickerPanel/TimePanel/TimePanelBody/TimeColumn.tsx
+++ b/src/PickerPanel/TimePanel/TimePanelBody/TimeColumn.tsx
@@ -3,6 +3,7 @@ import { useLayoutEffect } from '@rc-component/util';
 import * as React from 'react';
 import { usePanelContext } from '../../context';
 import useScrollTo from './useScrollTo';
+import type { Locale } from '../../../interface';
 
 const SCROLL_DELAY = 300;
 
@@ -12,11 +13,13 @@ export type Unit<ValueType = number | string> = {
   disabled?: boolean;
 };
 
+type TimeUnitType = 'hour' | 'minute' | 'second' | 'millisecond' | 'meridiem';
+
 export interface TimeUnitColumnProps {
   units: Unit[];
   value: number | string;
   optionalValue?: number | string;
-  type: 'hour' | 'minute' | 'second' | 'millisecond' | 'meridiem';
+  type: TimeUnitType;
   onChange: (value: number | string) => void;
   onHover: (value: number | string) => void;
   onDblClick?: VoidFunction;
@@ -28,6 +31,25 @@ function flattenUnits(units: Unit<string | number>[]) {
   return units.map(({ value, label, disabled }) => [value, label, disabled].join(',')).join(';');
 }
 
+const LIST_LABEL_MAP: Record<TimeUnitType, (locale: Locale) => string> = {
+  hour: (locale) => locale.hourSelect,
+  minute: (locale) => locale.minuteSelect,
+  second: (locale) => locale.secondSelect,
+  millisecond: (locale) => locale.millisecondSelect,
+  meridiem: (locale) => locale.meridiemSelect,
+};
+
+const LIST_ITEM_LABEL_MAP: Record<
+  TimeUnitType,
+  (value: string | number, locale: Locale) => string
+> = {
+  hour: (value, locale) => `${value} ${locale.hours}`,
+  minute: (value, locale) => `${value} ${locale.minutes}`,
+  second: (value, locale) => `${value} ${locale.seconds}`,
+  millisecond: (value, locale) => `${value} ${locale.milliseconds}`,
+  meridiem: (value) => value.toString(),
+};
+
 export default function TimeColumn<DateType extends object>(props: TimeUnitColumnProps) {
   const { units, value, optionalValue, type, onChange, onHover, onDblClick, changeOnScroll } =
     props;
@@ -96,16 +118,28 @@ export default function TimeColumn<DateType extends object>(props: TimeUnitColum
   const columnPrefixCls = `${panelPrefixCls}-column`;
 
   return (
-    <ul className={columnPrefixCls} ref={ulRef} data-type={type} onScroll={onInternalScroll}>
+    <ul
+      role="listbox"
+      aria-label={LIST_LABEL_MAP[type](locale)}
+      className={columnPrefixCls}
+      ref={ulRef}
+      data-type={type}
+      onScroll={onInternalScroll}
+    >
       {units.map(({ label, value: unitValue, disabled }) => {
         const inner = <div className={`${cellPrefixCls}-inner`}>{label}</div>;
+        const isSelected = value === unitValue;
 
         return (
           <li
             key={unitValue}
+            aria-label={LIST_ITEM_LABEL_MAP[type](unitValue, locale)}
+            role="option"
+            aria-selected={isSelected}
+            aria-disabled={disabled}
             style={styles.item}
             className={clsx(cellPrefixCls, classNames.item, {
-              [`${cellPrefixCls}-selected`]: value === unitValue,
+              [`${cellPrefixCls}-selected`]: isSelected,
               [`${cellPrefixCls}-disabled`]: disabled,
             })}
             onClick={() => {
diff --git a/src/PickerPanel/TimePanel/TimePanelBody/index.tsx b/src/PickerPanel/TimePanel/TimePanelBody/index.tsx
index c389c5716..837ed5b31 100644
--- a/src/PickerPanel/TimePanel/TimePanelBody/index.tsx
+++ b/src/PickerPanel/TimePanel/TimePanelBody/index.tsx
@@ -271,7 +271,11 @@ export default function TimePanelBody<DateType extends object = any>(
   };
 
   return (
-    <div className={clsx(`${prefixCls}-content`, classNames.content)} style={styles.content}>
+    <div
+      role="group"
+      className={clsx(`${prefixCls}-content`, classNames.content)}
+      style={styles.content}
+    >
       {showHour && (
         <TimeColumn
           units={hourUnits}
diff --git a/src/generate/dateFns.ts b/src/generate/dateFns.ts
index c1c97d91c..50ef642ae 100644
--- a/src/generate/dateFns.ts
+++ b/src/generate/dateFns.ts
@@ -49,7 +49,7 @@ const localeParse = (format: string) => {
 
 const parse = (text: string, format: string, locale: string) => {
   return parseDate(text, localeParse(format), new Date(), { locale: getLocale(locale) });
-}
+};
 
 /**
  * Check if the text is a valid date considering the format and locale
@@ -69,7 +69,7 @@ const isStrictValidDate = (text: string, format: string, locale: string) => {
   }
   const formattedDate = formatDate(date, format, { locale: getLocale(locale) });
   return text === formattedDate;
-}
+};
 
 const generateConfig: GenerateConfig<Date> = {
   // get
diff --git a/src/interface.tsx b/src/interface.tsx
index 63a690d06..326ab4794 100644
--- a/src/interface.tsx
+++ b/src/interface.tsx
@@ -66,11 +66,20 @@ export type Locale = {
   week: string;
   month: string;
   year: string;
+  hours: string;
+  minutes: string;
+  seconds: string;
+  milliseconds: string;
   previousMonth: string;
   nextMonth: string;
   monthSelect: string;
   yearSelect: string;
   decadeSelect: string;
+  hourSelect: string;
+  minuteSelect: string;
+  secondSelect: string;
+  millisecondSelect: string;
+  meridiemSelect: string;
 
   previousYear: string;
   nextYear: string;
@@ -316,13 +325,7 @@ export type SemanticName = 'root' | 'prefix' | 'input' | 'suffix';
 export type PreviewValueType = 'hover';
 
 export type PanelSemanticName =
-  | 'root'
-  | 'header'
-  | 'body'
-  | 'content'
-  | 'item'
-  | 'footer'
-  | 'container';
+  'root' | 'header' | 'body' | 'content' | 'item' | 'footer' | 'container';
 
 export interface SharedPickerProps<DateType extends object = any>
   extends
diff --git a/src/locale/am_ET.ts b/src/locale/am_ET.ts
index 13a8cd458..157ede5e8 100644
--- a/src/locale/am_ET.ts
+++ b/src/locale/am_ET.ts
@@ -10,12 +10,21 @@ const locale: Locale = {
   week: 'ሳምንት',
   month: 'ወር',
   year: 'ዓመት',
+  hours: 'ሰዓቶች',
+  minutes: 'ደቂቃዎች',
+  seconds: 'ሰከንዶች',
+  milliseconds: 'ሚሊሰከንዶች',
   timeSelect: 'ሰዓት ምረጥ',
   dateSelect: 'ቀን ምረጥ',
   weekSelect: 'ሳምንት ምረጥ',
   monthSelect: 'ወር ምረጥ',
   yearSelect: 'አመት ምረጥ',
   decadeSelect: 'አስርት አመታት ምረጥ',
+  hourSelect: 'ሰዓት ይምረጡ',
+  minuteSelect: 'ደቂቃ ይምረጡ',
+  secondSelect: 'ሰከንድ ይምረጡ',
+  millisecondSelect: 'ሚሊሰከንድ ይምረጡ',
+  meridiemSelect: 'ሜሪዲየም ይምረጡ',
   yearFormat: 'YYYY',
   dayFormat: 'D',
   monthBeforeYear: true,
diff --git a/src/locale/ar_EG.ts b/src/locale/ar_EG.ts
index 1c5ca6368..9b7badd30 100644
--- a/src/locale/ar_EG.ts
+++ b/src/locale/ar_EG.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'الأسبوع',
   month: 'الشهر',
   year: 'السنة',
+  hours: 'الساعات',
+  minutes: 'الدقائق',
+  seconds: 'الثواني',
+  milliseconds: 'المللي ثانية',
   timeSelect: 'اختيار الوقت',
   dateSelect: 'اختيار التاريخ',
   monthSelect: 'اختيار الشهر',
   yearSelect: 'اختيار السنة',
   decadeSelect: 'اختيار العقد',
+  hourSelect: 'اختر ساعة',
+  minuteSelect: 'اختر دقيقة',
+  secondSelect: 'اختر ثانية',
+  millisecondSelect: 'اختر جزء من الثانية',
+  meridiemSelect: 'اختر صباحاً/مساءً',
   previousMonth: 'الشهر السابق',
   nextMonth: 'الشهر التالى',
   previousYear: 'العام السابق',
diff --git a/src/locale/az_AZ.ts b/src/locale/az_AZ.ts
index eaf28311e..4647b658a 100644
--- a/src/locale/az_AZ.ts
+++ b/src/locale/az_AZ.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Həftə',
   month: 'Ay',
   year: 'İl',
+  hours: 'Saat',
+  minutes: 'Dəqiqə',
+  seconds: 'Saniyə',
+  milliseconds: 'Millisaniyə',
   timeSelect: 'vaxtı seç',
   dateSelect: 'tarixi seç',
   weekSelect: 'Həftə seç',
   monthSelect: 'Ay seç',
   yearSelect: 'il seç',
   decadeSelect: 'Onillik seçin',
+  hourSelect: 'Saat seçin',
+  minuteSelect: 'Dəqiqə seçin',
+  secondSelect: 'Saniyə seçin',
+  millisecondSelect: 'Millisaniyə seçin',
+  meridiemSelect: 'Meridyemi seçin',
   previousMonth: 'Əvvəlki ay',
   nextMonth: 'Növbəti ay',
   previousYear: 'Sonuncu il',
diff --git a/src/locale/bg_BG.ts b/src/locale/bg_BG.ts
index 04f452790..7b27f179f 100644
--- a/src/locale/bg_BG.ts
+++ b/src/locale/bg_BG.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Седмица',
   month: 'Месец',
   year: 'Година',
+  hours: 'Часове',
+  minutes: 'Минути',
+  seconds: 'Секунди',
+  milliseconds: 'Милисекунди',
   timeSelect: 'Избор на час',
   dateSelect: 'Избор на дата',
   monthSelect: 'Избор на месец',
   yearSelect: 'Избор на година',
   decadeSelect: 'Десетилетие',
+  hourSelect: 'Изберете час',
+  minuteSelect: 'Изберете минута',
+  secondSelect: 'Изберете секунда',
+  millisecondSelect: 'Изберете милисекунда',
+  meridiemSelect: 'Изберете меридием',
   previousMonth: 'Предишен месец',
   nextMonth: 'Следващ месец',
   previousYear: 'Последна година',
diff --git a/src/locale/bn_BD.ts b/src/locale/bn_BD.ts
index 5ee9e6338..9fd3179e0 100644
--- a/src/locale/bn_BD.ts
+++ b/src/locale/bn_BD.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'সপ্তাহ',
   month: 'মাস',
   year: 'বছর',
+  hours: 'ঘণ্টা',
+  minutes: 'মিনিট',
+  seconds: 'সেকেন্ড',
+  milliseconds: 'মিলিসেকেন্ড',
   timeSelect: 'সময় নির্বাচন',
   dateSelect: 'তারিখ নির্বাচন',
   weekSelect: 'সপ্তাহ পছন্দ করুন',
   monthSelect: 'মাস পছন্দ করুন',
   yearSelect: 'বছর পছন্দ করুন',
   decadeSelect: 'একটি দশক পছন্দ করুন',
+  hourSelect: 'একটি ঘণ্টা নির্বাচন করুন',
+  minuteSelect: 'একটি মিনিট নির্বাচন করুন',
+  secondSelect: 'একটি সেকেন্ড নির্বাচন করুন',
+  millisecondSelect: 'একটি মিলিসেকেন্ড নির্বাচন করুন',
+  meridiemSelect: 'মেরিডিয়েম নির্বাচন করুন',
   previousMonth: 'গত মাস',
   nextMonth: 'আগামী মাস',
   previousYear: 'গত বছর',
diff --git a/src/locale/by_BY.ts b/src/locale/by_BY.ts
index 80d4d7f38..dc3d9312c 100644
--- a/src/locale/by_BY.ts
+++ b/src/locale/by_BY.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Тыдзень',
   month: 'Месяц',
   year: 'Год',
+  hours: 'Гадзіны',
+  minutes: 'Хвіліны',
+  seconds: 'Секунды',
+  milliseconds: 'Мілісекунды',
   timeSelect: 'Выбраць час',
   dateSelect: 'Выбраць дату',
   weekSelect: 'Выбраць тыдзень',
   monthSelect: 'Выбраць месяц',
   yearSelect: 'Выбраць год',
   decadeSelect: 'Выбраць дзесяцігоддзе',
+  hourSelect: 'Выберыце гадзіну',
+  minuteSelect: 'Выберыце хвіліну',
+  secondSelect: 'Выберыце секунду',
+  millisecondSelect: 'Выберыце мілісекунду',
+  meridiemSelect: 'Выберыце мерыдыем',
 
   previousMonth: 'Папярэдні месяц',
   nextMonth: 'Наступны месяц',
diff --git a/src/locale/ca_ES.ts b/src/locale/ca_ES.ts
index 5ff39a18a..c12359abb 100644
--- a/src/locale/ca_ES.ts
+++ b/src/locale/ca_ES.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Setmana',
   month: 'Mes',
   year: 'Any',
+  hours: 'Hores',
+  minutes: 'Minuts',
+  seconds: 'Segons',
+  milliseconds: 'Mil·lisegons',
   timeSelect: 'Seleccionar hora',
   dateSelect: 'Seleccionar data',
   monthSelect: 'Escollir un mes',
   yearSelect: 'Escollir un any',
   decadeSelect: 'Escollir una dècada',
+  hourSelect: 'Seleccioneu una hora',
+  minuteSelect: 'Seleccioneu un minut',
+  secondSelect: 'Seleccioneu un segon',
+  millisecondSelect: 'Seleccioneu un mil·lisegon',
+  meridiemSelect: 'Seleccioneu el meridiem',
   previousMonth: 'Mes anterior',
   nextMonth: 'Mes següent',
   previousYear: 'Any anterior',
diff --git a/src/locale/cs_CZ.ts b/src/locale/cs_CZ.ts
index 4ee8ec1d7..dc137dbc3 100644
--- a/src/locale/cs_CZ.ts
+++ b/src/locale/cs_CZ.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Týden',
   month: 'Měsíc',
   year: 'Rok',
+  hours: 'Hodiny',
+  minutes: 'Minuty',
+  seconds: 'Sekundy',
+  milliseconds: 'Milisekundy',
   timeSelect: 'Vybrat čas',
   dateSelect: 'Vybrat datum',
   monthSelect: 'Vyberte měsíc',
   yearSelect: 'Vyberte rok',
   decadeSelect: 'Vyberte dekádu',
+  hourSelect: 'Vyberte hodinu',
+  minuteSelect: 'Vyberte minutu',
+  secondSelect: 'Vyberte sekundu',
+  millisecondSelect: 'Vyberte milisekundu',
+  meridiemSelect: 'Vyberte meridiem',
 
   previousMonth: 'Předchozí měsíc',
   nextMonth: 'Následující',
diff --git a/src/locale/da_DK.ts b/src/locale/da_DK.ts
index 4cf0393cc..3763fbf72 100644
--- a/src/locale/da_DK.ts
+++ b/src/locale/da_DK.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Uge',
   month: 'Måned',
   year: 'År',
+  hours: 'Timer',
+  minutes: 'Minutter',
+  seconds: 'Sekunder',
+  milliseconds: 'Millisekunder',
   timeSelect: 'Vælg tidspunkt',
   dateSelect: 'Vælg dato',
   monthSelect: 'Vælg måned',
   yearSelect: 'Vælg år',
   decadeSelect: 'Vælg årti',
+  hourSelect: 'Vælg en time',
+  minuteSelect: 'Vælg et minut',
+  secondSelect: 'Vælg et sekund',
+  millisecondSelect: 'Vælg et millisekund',
+  meridiemSelect: 'Vælg meridiem',
 
   previousMonth: 'Forrige måned',
   nextMonth: 'Næste måned',
diff --git a/src/locale/de_DE.ts b/src/locale/de_DE.ts
index 081284f5b..cf61bf3b4 100644
--- a/src/locale/de_DE.ts
+++ b/src/locale/de_DE.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Woche',
   month: 'Monat',
   year: 'Jahr',
+  hours: 'Stunden',
+  minutes: 'Minuten',
+  seconds: 'Sekunden',
+  milliseconds: 'Millisekunden',
   timeSelect: 'Zeit wählen',
   dateSelect: 'Datum wählen',
   monthSelect: 'Wähle einen Monat',
   yearSelect: 'Wähle ein Jahr',
   decadeSelect: 'Wähle ein Jahrzehnt',
+  hourSelect: 'Stunde wählen',
+  minuteSelect: 'Minute wählen',
+  secondSelect: 'Sekunde wählen',
+  millisecondSelect: 'Millisekunde wählen',
+  meridiemSelect: 'Tageshälfte wählen',
 
   previousMonth: 'Vorheriger Monat',
   nextMonth: 'Nächster Monat',
diff --git a/src/locale/el_GR.ts b/src/locale/el_GR.ts
index a94bcaa24..0275891b7 100644
--- a/src/locale/el_GR.ts
+++ b/src/locale/el_GR.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Εβδομάδα',
   month: 'Μήνας',
   year: 'Έτος',
+  hours: 'Ώρες',
+  minutes: 'Λεπτά',
+  seconds: 'Δευτερόλεπτα',
+  milliseconds: 'Χιλιοστά δευτερολέπτου',
   timeSelect: 'Επιλογή ώρας',
   dateSelect: 'Επιλογή ημερομηνίας',
   monthSelect: 'Επιλογή μήνα',
   yearSelect: 'Επιλογή έτους',
   decadeSelect: 'Επιλογή δεκαετίας',
+  hourSelect: 'Επιλέξτε ώρα',
+  minuteSelect: 'Επιλέξτε λεπτό',
+  secondSelect: 'Επιλέξτε δευτερόλεπτο',
+  millisecondSelect: 'Επιλέξτε χιλιοστό δευτερολέπτου',
+  meridiemSelect: 'Επιλέξτε ΠΜ/ΜΜ',
 
   previousMonth: 'Προηγούμενος μήνας',
   nextMonth: 'Επόμενος μήνας',
diff --git a/src/locale/en_GB.ts b/src/locale/en_GB.ts
index 5dbb1a860..13bb1044c 100644
--- a/src/locale/en_GB.ts
+++ b/src/locale/en_GB.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Week',
   month: 'Month',
   year: 'Year',
+  hours: 'Hours',
+  minutes: 'Minutes',
+  seconds: 'Seconds',
+  milliseconds: 'Milliseconds',
   timeSelect: 'Select time',
   dateSelect: 'Select date',
   monthSelect: 'Choose a month',
   yearSelect: 'Choose a year',
   decadeSelect: 'Choose a decade',
+  hourSelect: 'Select an hour',
+  minuteSelect: 'Select a minute',
+  secondSelect: 'Select a second',
+  millisecondSelect: 'Select a millisecond',
+  meridiemSelect: 'Select a meridiem',
 
   previousMonth: 'Previous month',
   nextMonth: 'Next month',
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
index 583591d68..84d2eb8b1 100644
--- a/src/locale/en_US.ts
+++ b/src/locale/en_US.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Week',
   month: 'Month',
   year: 'Year',
+  hours: 'Hours',
+  minutes: 'Minutes',
+  seconds: 'Seconds',
+  milliseconds: 'Milliseconds',
   timeSelect: 'select time',
   dateSelect: 'select date',
   weekSelect: 'Choose a week',
   monthSelect: 'Choose a month',
   yearSelect: 'Choose a year',
   decadeSelect: 'Choose a decade',
+  hourSelect: 'Select an hour',
+  minuteSelect: 'Select a minute',
+  secondSelect: 'Select a second',
+  millisecondSelect: 'Select a millisecond',
+  meridiemSelect: 'Select a meridiem',
 
   previousMonth: 'Previous month',
   nextMonth: 'Next month',
diff --git a/src/locale/es_ES.ts b/src/locale/es_ES.ts
index 035d382b8..66bdb38e8 100644
--- a/src/locale/es_ES.ts
+++ b/src/locale/es_ES.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Semana',
   month: 'Mes',
   year: 'Año',
+  hours: 'Horas',
+  minutes: 'Minutos',
+  seconds: 'Segundos',
+  milliseconds: 'Milisegundos',
   timeSelect: 'Seleccionar hora',
   dateSelect: 'Seleccionar fecha',
   monthSelect: 'Elegir un mes',
   yearSelect: 'Elegir un año',
   decadeSelect: 'Elegir una década',
+  hourSelect: 'Seleccionar una hora',
+  minuteSelect: 'Seleccionar un minuto',
+  secondSelect: 'Seleccionar un segundo',
+  millisecondSelect: 'Seleccionar un milisegundo',
+  meridiemSelect: 'Seleccionar meridiem',
 
   previousMonth: 'Mes anterior',
   nextMonth: 'Mes siguiente',
diff --git a/src/locale/es_MX.ts b/src/locale/es_MX.ts
index b21402bc4..fcde0a123 100644
--- a/src/locale/es_MX.ts
+++ b/src/locale/es_MX.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Semana',
   month: 'Mes',
   year: 'Año',
+  hours: 'Horas',
+  minutes: 'Minutos',
+  seconds: 'Segundos',
+  milliseconds: 'Milisegundos',
   timeSelect: 'elegir hora',
   dateSelect: 'elegir fecha',
   weekSelect: 'elegir semana',
   monthSelect: 'Seleccionar mes',
   yearSelect: 'Seleccionar año',
   decadeSelect: 'Seleccionar década',
+  hourSelect: 'Seleccionar una hora',
+  minuteSelect: 'Seleccionar un minuto',
+  secondSelect: 'Seleccionar un segundo',
+  millisecondSelect: 'Seleccionar un milisegundo',
+  meridiemSelect: 'Seleccionar meridiem',
 
   previousMonth: 'Mes anterior',
   nextMonth: 'Mes siguiente',
diff --git a/src/locale/et_EE.ts b/src/locale/et_EE.ts
index d4dd6c5f5..2b1b58c30 100644
--- a/src/locale/et_EE.ts
+++ b/src/locale/et_EE.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Nädal',
   month: 'Kuu',
   year: 'Aasta',
+  hours: 'Tunnid',
+  minutes: 'Minutid',
+  seconds: 'Sekundid',
+  milliseconds: 'Millisekundid',
   timeSelect: 'Vali aeg',
   dateSelect: 'Vali kuupäev',
   monthSelect: 'Vali kuu',
   yearSelect: 'Vali aasta',
   decadeSelect: 'Vali dekaad',
+  hourSelect: 'Vali tund',
+  minuteSelect: 'Vali minut',
+  secondSelect: 'Vali sekund',
+  millisecondSelect: 'Vali millisekund',
+  meridiemSelect: 'Vali meridieem',
 
   previousMonth: 'Eelmine kuu',
   nextMonth: 'Järgmine kuu',
diff --git a/src/locale/eu_ES.ts b/src/locale/eu_ES.ts
index 8af805a32..5527d1bdc 100644
--- a/src/locale/eu_ES.ts
+++ b/src/locale/eu_ES.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Asteko',
   month: 'Hilabete',
   year: 'Urte',
+  hours: 'Orduak',
+  minutes: 'Minutuak',
+  seconds: 'Segundoak',
+  milliseconds: 'Milisegundoak',
   timeSelect: 'Ordua aukeratu',
   dateSelect: 'Eguna aukeratu',
   weekSelect: 'Astea aukeratu',
   monthSelect: 'Hilabetea aukeratu',
   yearSelect: 'Urtea aukeratu',
   decadeSelect: 'Hamarkada aukeratu',
+  hourSelect: 'Ordu bat hautatu',
+  minuteSelect: 'Minutu bat hautatu',
+  secondSelect: 'Segundo bat hautatu',
+  millisecondSelect: 'Milisegundo bat hautatu',
+  meridiemSelect: 'Meridiana hautatu',
   monthBeforeYear: false,
   previousMonth: 'Aurreko hilabetea',
   nextMonth: 'Urrengo hilabetea',
diff --git a/src/locale/fa_IR.ts b/src/locale/fa_IR.ts
index e157caaed..ac41b8797 100644
--- a/src/locale/fa_IR.ts
+++ b/src/locale/fa_IR.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'هفته',
   month: 'ماه',
   year: 'سال',
+  hours: 'ساعت',
+  minutes: 'دقیقه',
+  seconds: 'ثانیه',
+  milliseconds: 'میلی‌ثانیه',
   timeSelect: 'انتخاب زمان',
   dateSelect: 'انتخاب تاریخ',
   monthSelect: 'یک ماه را انتخاب کنید',
   yearSelect: 'یک سال را انتخاب کنید',
   decadeSelect: 'یک دهه را انتخاب کنید',
+  hourSelect: 'انتخاب ساعت',
+  minuteSelect: 'انتخاب دقیقه',
+  secondSelect: 'انتخاب ثانیه',
+  millisecondSelect: 'انتخاب میلی‌ثانیه',
+  meridiemSelect: 'انتخاب قبل/بعد از ظهر',
 
   previousMonth: 'ماه قبل',
   nextMonth: 'ماه بعد',
diff --git a/src/locale/fi_FI.ts b/src/locale/fi_FI.ts
index d0f73e09e..625ea3e4d 100644
--- a/src/locale/fi_FI.ts
+++ b/src/locale/fi_FI.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Viikko',
   month: 'Kuukausi',
   year: 'Vuosi',
+  hours: 'Tunnit',
+  minutes: 'Minuutit',
+  seconds: 'Sekunnit',
+  milliseconds: 'Millisekunnit',
   timeSelect: 'Valise aika',
   dateSelect: 'Valitse päivä',
   monthSelect: 'Valitse kuukausi',
   yearSelect: 'Valitse vuosi',
   decadeSelect: 'Valitse vuosikymmen',
+  hourSelect: 'Valitse tunti',
+  minuteSelect: 'Valitse minuutti',
+  secondSelect: 'Valitse sekunti',
+  millisecondSelect: 'Valitse millisekunti',
+  meridiemSelect: 'Valitse meridieemi',
 
   previousMonth: 'Edellinen kuukausi',
   nextMonth: 'Seuraava kuukausi',
diff --git a/src/locale/fr_BE.ts b/src/locale/fr_BE.ts
index d7de6972e..7ddc32bb6 100644
--- a/src/locale/fr_BE.ts
+++ b/src/locale/fr_BE.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Semaine',
   month: 'Mois',
   year: 'Année',
+  hours: 'Heures',
+  minutes: 'Minutes',
+  seconds: 'Secondes',
+  milliseconds: 'Millisecondes',
   timeSelect: "Sélectionner l'heure",
   dateSelect: "Sélectionner l'heure",
   monthSelect: 'Choisissez un mois',
   yearSelect: 'Choisissez une année',
   decadeSelect: 'Choisissez une décennie',
+  hourSelect: 'Sélectionner une heure',
+  minuteSelect: 'Sélectionner une minute',
+  secondSelect: 'Sélectionner une seconde',
+  millisecondSelect: 'Sélectionner une milliseconde',
+  meridiemSelect: 'Sélectionner un méridien',
 
   previousMonth: 'Mois précédent',
   nextMonth: 'Mois suivant',
diff --git a/src/locale/fr_CA.ts b/src/locale/fr_CA.ts
index 615d43f39..865224eb9 100644
--- a/src/locale/fr_CA.ts
+++ b/src/locale/fr_CA.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Semaine',
   month: 'Mois',
   year: 'Année',
+  hours: 'Heures',
+  minutes: 'Minutes',
+  seconds: 'Secondes',
+  milliseconds: 'Millisecondes',
   timeSelect: "Sélectionner l'heure",
   dateSelect: 'Sélectionner la date',
   monthSelect: 'Choisissez un mois',
   yearSelect: 'Choisissez une année',
   decadeSelect: 'Choisissez une décennie',
+  hourSelect: 'Sélectionner une heure',
+  minuteSelect: 'Sélectionner une minute',
+  secondSelect: 'Sélectionner une seconde',
+  millisecondSelect: 'Sélectionner une milliseconde',
+  meridiemSelect: 'Sélectionner un méridien',
 
   dayFormat: 'DD',
 
diff --git a/src/locale/fr_FR.ts b/src/locale/fr_FR.ts
index 8941e7c0a..eb415beab 100644
--- a/src/locale/fr_FR.ts
+++ b/src/locale/fr_FR.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Semaine',
   month: 'Mois',
   year: 'Année',
+  hours: 'Heures',
+  minutes: 'Minutes',
+  seconds: 'Secondes',
+  milliseconds: 'Millisecondes',
   timeSelect: "Sélectionner l'heure",
   dateSelect: 'Sélectionner la date',
   monthSelect: 'Choisissez un mois',
   yearSelect: 'Choisissez une année',
   decadeSelect: 'Choisissez une décennie',
+  hourSelect: 'Sélectionner une heure',
+  minuteSelect: 'Sélectionner une minute',
+  secondSelect: 'Sélectionner une seconde',
+  millisecondSelect: 'Sélectionner une milliseconde',
+  meridiemSelect: 'Sélectionner un méridien',
 
   dayFormat: 'DD',
 
diff --git a/src/locale/ga_IE.ts b/src/locale/ga_IE.ts
index fe8dd412e..7c95aa1a9 100644
--- a/src/locale/ga_IE.ts
+++ b/src/locale/ga_IE.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'seachtain',
   month: 'mhí',
   year: 'bhliain',
+  hours: 'Uaireanta',
+  minutes: 'Nóiméad',
+  seconds: 'Soicindí',
+  milliseconds: 'Milleasoicindí',
   timeSelect: 'roghnaigh am',
   dateSelect: 'roghnaigh dáta',
   weekSelect: 'Roghnaigh seachtain',
   monthSelect: 'Roghnaigh mí',
   yearSelect: 'Roghnaigh bliain',
   decadeSelect: 'Roghnaigh deich mbliana',
+  hourSelect: 'Roghnaigh uair',
+  minuteSelect: 'Roghnaigh nóiméad',
+  secondSelect: 'Roghnaigh soicind',
+  millisecondSelect: 'Roghnaigh milleasoicind',
+  meridiemSelect: 'Roghnaigh meiridhiam',
 
   previousMonth: 'An mhí roimhe seo',
   nextMonth: 'An mhí seo chugainn',
diff --git a/src/locale/gl_ES.ts b/src/locale/gl_ES.ts
index 9e0db9e36..cc55c1764 100644
--- a/src/locale/gl_ES.ts
+++ b/src/locale/gl_ES.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Semana',
   month: 'Mes',
   year: 'Ano',
+  hours: 'Horas',
+  minutes: 'Minutos',
+  seconds: 'Segundos',
+  milliseconds: 'Milisegundos',
   timeSelect: 'Seleccionar hora',
   dateSelect: 'Seleccionar data',
   monthSelect: 'Elexir un mes',
   yearSelect: 'Elexir un año',
   decadeSelect: 'Elexir unha década',
+  hourSelect: 'Seleccionar unha hora',
+  minuteSelect: 'Seleccionar un minuto',
+  secondSelect: 'Seleccionar un segundo',
+  millisecondSelect: 'Seleccionar un milisegundo',
+  meridiemSelect: 'Seleccionar meridiano',
 
   previousMonth: 'Mes anterior',
   nextMonth: 'Mes seguinte',
diff --git a/src/locale/he_IL.ts b/src/locale/he_IL.ts
index 6f6417ccf..5bf19d175 100644
--- a/src/locale/he_IL.ts
+++ b/src/locale/he_IL.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'שבוע',
   month: 'חודש',
   year: 'שנה',
+  hours: 'שעות',
+  minutes: 'דקות',
+  seconds: 'שניות',
+  milliseconds: 'מילישניות',
   timeSelect: 'בחר שעה',
   dateSelect: 'בחר תאריך',
   weekSelect: 'בחר שבוע',
   monthSelect: 'בחר חודש',
   yearSelect: 'בחר שנה',
   decadeSelect: 'בחר עשור',
+  hourSelect: 'בחר שעה',
+  minuteSelect: 'בחר דקה',
+  secondSelect: 'בחר שנייה',
+  millisecondSelect: 'בחר מילישנייה',
+  meridiemSelect: 'בחר לפני/אחרי הצהריים',
 
   previousMonth: 'חודש קודם',
   nextMonth: 'חודש הבא',
diff --git a/src/locale/hi_IN.ts b/src/locale/hi_IN.ts
index d7ec9571d..995637849 100644
--- a/src/locale/hi_IN.ts
+++ b/src/locale/hi_IN.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'सप्ताह',
   month: 'महीना',
   year: 'साल',
+  hours: 'घंटे',
+  minutes: 'मिनट',
+  seconds: 'सेकंड',
+  milliseconds: 'मिलीसेकंड',
   timeSelect: 'समय का चयन करें',
   dateSelect: 'तारीख़ चुनें',
   weekSelect: 'एक सप्ताह चुनें',
   monthSelect: 'एक महीना चुनें',
   yearSelect: 'एक वर्ष चुनें',
   decadeSelect: 'एक दशक चुनें',
+  hourSelect: 'एक घंटा चुनें',
+  minuteSelect: 'एक मिनट चुनें',
+  secondSelect: 'एक सेकंड चुनें',
+  millisecondSelect: 'एक मिलीसेकंड चुनें',
+  meridiemSelect: 'मेरिडियम चुनें',
 
   previousMonth: 'पिछला महीना',
   nextMonth: 'अगले महीने',
diff --git a/src/locale/hr_HR.ts b/src/locale/hr_HR.ts
index dc03f3e55..0151106be 100644
--- a/src/locale/hr_HR.ts
+++ b/src/locale/hr_HR.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Sedmica',
   month: 'Mjesec',
   year: 'Godina',
+  hours: 'Sati',
+  minutes: 'Minute',
+  seconds: 'Sekunde',
+  milliseconds: 'Milisekunde',
   timeSelect: 'odaberite vrijeme',
   dateSelect: 'odaberite datum',
   weekSelect: 'Odaberite tjedan',
   monthSelect: 'Odaberite mjesec',
   yearSelect: 'Odaberite godinu',
   decadeSelect: 'Odaberite desetljeće',
+  hourSelect: 'Odaberite sat',
+  minuteSelect: 'Odaberite minutu',
+  secondSelect: 'Odaberite sekundu',
+  millisecondSelect: 'Odaberite milisekundu',
+  meridiemSelect: 'Odaberite meridiem',
 
   previousMonth: 'Prošli mjesec',
   nextMonth: 'Sljedeći mjesec',
diff --git a/src/locale/hu_HU.ts b/src/locale/hu_HU.ts
index 47e126e47..427f79fef 100644
--- a/src/locale/hu_HU.ts
+++ b/src/locale/hu_HU.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Hét',
   month: 'Hónap', // 'Month',
   year: 'Év', // 'Year',
+  hours: 'Óra',
+  minutes: 'Perc',
+  seconds: 'Másodperc',
+  milliseconds: 'Ezredmásodperc',
   timeSelect: 'Időpont kiválasztása', // 'Select time',
   dateSelect: 'Dátum kiválasztása', // 'Select date',
   monthSelect: 'Hónap kiválasztása', // 'Choose a month',
   yearSelect: 'Év kiválasztása', // 'Choose a year',
   decadeSelect: 'Évtized kiválasztása', // 'Choose a decade',
+  hourSelect: 'Válasszon órát',
+  minuteSelect: 'Válasszon percet',
+  secondSelect: 'Válasszon másodpercet',
+  millisecondSelect: 'Válasszon ezredmásodpercet',
+  meridiemSelect: 'Válasszon meridiémet',
 
   dayFormat: 'DD', // 'D',
 
diff --git a/src/locale/id_ID.ts b/src/locale/id_ID.ts
index b81c6c754..dc820e6e3 100644
--- a/src/locale/id_ID.ts
+++ b/src/locale/id_ID.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Minggu',
   month: 'Bulan',
   year: 'Tahun',
+  hours: 'Jam',
+  minutes: 'Menit',
+  seconds: 'Detik',
+  milliseconds: 'Milidetik',
   timeSelect: 'pilih waktu',
   dateSelect: 'pilih tanggal',
   weekSelect: 'Pilih satu minggu',
   monthSelect: 'Pilih satu bulan',
   yearSelect: 'Pilih satu tahun',
   decadeSelect: 'Pilih satu dekade',
+  hourSelect: 'Pilih jam',
+  minuteSelect: 'Pilih menit',
+  secondSelect: 'Pilih detik',
+  millisecondSelect: 'Pilih milidetik',
+  meridiemSelect: 'Pilih meridiem',
 
   previousMonth: 'Bulan sebelumnya',
   nextMonth: 'Bulan selanjutnya',
diff --git a/src/locale/is_IS.ts b/src/locale/is_IS.ts
index 780a860e6..490552fa5 100644
--- a/src/locale/is_IS.ts
+++ b/src/locale/is_IS.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Vika',
   month: 'Mánuður',
   year: 'Ár',
+  hours: 'Klukkustundir',
+  minutes: 'Mínútur',
+  seconds: 'Sekúndur',
+  milliseconds: 'Millisekúndur',
   timeSelect: 'Velja tíma',
   dateSelect: 'Velja dag',
   monthSelect: 'Velja mánuð',
   yearSelect: 'Velja ár',
   decadeSelect: 'Velja áratug',
+  hourSelect: 'Veldu klukkustund',
+  minuteSelect: 'Veldu mínútu',
+  secondSelect: 'Veldu sekúndu',
+  millisecondSelect: 'Veldu millisekúndu',
+  meridiemSelect: 'Veldu hálf dags',
 
   previousMonth: 'Fyrri mánuður',
   nextMonth: 'Næsti mánuður',
diff --git a/src/locale/it_IT.ts b/src/locale/it_IT.ts
index 6786ffe1b..5e5b5883d 100644
--- a/src/locale/it_IT.ts
+++ b/src/locale/it_IT.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Settimana',
   month: 'Mese',
   year: 'Anno',
+  hours: 'Ore',
+  minutes: 'Minuti',
+  seconds: 'Secondi',
+  milliseconds: 'Millisecondi',
   timeSelect: "Seleziona l'ora",
   dateSelect: 'Seleziona la data',
   monthSelect: 'Seleziona il mese',
   yearSelect: "Seleziona l'anno",
   decadeSelect: 'Seleziona il decennio',
+  hourSelect: "Seleziona un'ora",
+  minuteSelect: 'Seleziona un minuto',
+  secondSelect: 'Seleziona un secondo',
+  millisecondSelect: 'Seleziona un millisecondo',
+  meridiemSelect: 'Seleziona il meridiano',
 
   previousMonth: 'Il mese scorso',
   nextMonth: 'Il prossimo mese',
diff --git a/src/locale/ja_JP.ts b/src/locale/ja_JP.ts
index 6c3b2a3e6..5b7e38c96 100644
--- a/src/locale/ja_JP.ts
+++ b/src/locale/ja_JP.ts
@@ -15,11 +15,20 @@ const locale: Locale = {
   week: '週',
   month: '月',
   year: '年',
+  hours: '時間',
+  minutes: '分',
+  seconds: '秒',
+  milliseconds: 'ミリ秒',
   previousMonth: '前月',
   nextMonth: '翌月',
   monthSelect: '月を選択',
   yearSelect: '年を選択',
   decadeSelect: '年代を選択',
+  hourSelect: '時間を選択',
+  minuteSelect: '分を選択',
+  secondSelect: '秒を選択',
+  millisecondSelect: 'ミリ秒を選択',
+  meridiemSelect: '午前/午後を選択',
   yearFormat: 'YYYY年',
   previousYear: '前年',
   nextYear: '翌年',
diff --git a/src/locale/ka_GE.ts b/src/locale/ka_GE.ts
index f8f91ea7e..07828d397 100644
--- a/src/locale/ka_GE.ts
+++ b/src/locale/ka_GE.ts
@@ -1,5 +1,5 @@
 import { commonLocale } from './common';
-import { Locale } from '../interface';
+import type { Locale } from '../interface';
 
 const locale: Locale = {
   ...commonLocale,
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'კვირა',
   month: 'თვე',
   year: 'წელი',
+  hours: 'საათები',
+  minutes: 'წუთები',
+  seconds: 'წამები',
+  milliseconds: 'მილიწამები',
   timeSelect: 'დროის არჩევა',
   dateSelect: 'თარიღის არჩევა',
   weekSelect: 'კვირის არჩევა',
   monthSelect: 'თვის არჩევა',
   yearSelect: 'წლის არჩევა',
   decadeSelect: 'ათწლეულის არჩევა',
+  hourSelect: 'საათის არჩევა',
+  minuteSelect: 'წუთის არჩევა',
+  secondSelect: 'წამის არჩევა',
+  millisecondSelect: 'მილიწამის არჩევა',
+  meridiemSelect: 'მერიდიანის არჩევა',
 
   previousMonth: 'წინა თვე',
   nextMonth: 'მომდევნო თვე',
diff --git a/src/locale/kk_KZ.ts b/src/locale/kk_KZ.ts
index 252fbaf31..5fb01bf5b 100644
--- a/src/locale/kk_KZ.ts
+++ b/src/locale/kk_KZ.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Апта',
   month: 'Ай',
   year: 'Жыл',
+  hours: 'Сағат',
+  minutes: 'Минут',
+  seconds: 'Секунд',
+  milliseconds: 'Миллисекунд',
   timeSelect: 'Уақытты таңдау',
   dateSelect: 'Күнді таңдау',
   monthSelect: 'Айды таңдаңыз',
   yearSelect: 'Жылды таңдаңыз',
   decadeSelect: 'Онжылды таңдаңыз',
+  hourSelect: 'Сағатты таңдаңыз',
+  minuteSelect: 'Минутты таңдаңыз',
+  secondSelect: 'Секундты таңдаңыз',
+  millisecondSelect: 'Миллисекундты таңдаңыз',
+  meridiemSelect: 'Меридиемді таңдаңыз',
 
   previousMonth: 'Алдыңғы ай',
   nextMonth: 'Келесі ай',
diff --git a/src/locale/km_KH.ts b/src/locale/km_KH.ts
index 0db542a4f..839775fd2 100644
--- a/src/locale/km_KH.ts
+++ b/src/locale/km_KH.ts
@@ -15,11 +15,20 @@ const locale: Locale = {
   week: 'សប្តាហ៍',
   month: 'ខែ',
   year: 'ឆ្នាំ',
+  hours: 'ម៉ោង',
+  minutes: 'នាទី',
+  seconds: 'វិនាទី',
+  milliseconds: 'មិល្លីវិនាទី',
   previousMonth: 'ខែមុន',
   nextMonth: 'ខែបន្ទាប់',
   monthSelect: 'ជ្រើសរើសខែ',
   yearSelect: 'ជ្រើសរើសឆ្នាំ',
   decadeSelect: 'ជ្រើសរើសអាយុ',
+  hourSelect: 'ជ្រើសម៉ោង',
+  minuteSelect: 'ជ្រើសនាទី',
+  secondSelect: 'ជ្រើសវិនាទី',
+  millisecondSelect: 'ជ្រើសមិល្លីវិនាទី',
+  meridiemSelect: 'ជ្រើស ព្រឹក/ល្ងាច',
 
   previousYear: 'ឆ្នាំមុន',
   nextYear: 'ឆ្នាំក្រោយ',
diff --git a/src/locale/kmr_IQ.ts b/src/locale/kmr_IQ.ts
index 215b8fa02..51fb4e4c2 100644
--- a/src/locale/kmr_IQ.ts
+++ b/src/locale/kmr_IQ.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Sêbê',
   month: 'Meh',
   year: 'Sal',
+  hours: 'Saet',
+  minutes: 'Deqîqe',
+  seconds: 'Saniye',
+  milliseconds: 'Milisaniye',
   timeSelect: 'Demê hilbijêre',
   dateSelect: 'Dîrok hilbijêre',
   monthSelect: 'Meh hilbijêre',
   yearSelect: 'Sal hilbijêre',
   decadeSelect: 'Dehsal hilbijêre',
+  hourSelect: 'Saetek hilbijêre',
+  minuteSelect: 'Deqîqeyek hilbijêre',
+  secondSelect: 'Saniyeyek hilbijêre',
+  millisecondSelect: 'Milisaniyeyek hilbijêre',
+  meridiemSelect: 'Meridyemê hilbijêre',
 
   previousMonth: 'Meha peş',
   nextMonth: 'Meha paş',
diff --git a/src/locale/kn_IN.ts b/src/locale/kn_IN.ts
index 2b4e6586c..efc55f5f3 100644
--- a/src/locale/kn_IN.ts
+++ b/src/locale/kn_IN.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'ವಾರ',
   month: 'ತಿಂಗಳು',
   year: 'ವರ್ಷ',
+  hours: 'ಗಂಟೆಗಳು',
+  minutes: 'ನಿಮಿಷಗಳು',
+  seconds: 'ಸೆಕೆಂಡುಗಳು',
+  milliseconds: 'ಮಿಲಿಸೆಕೆಂಡುಗಳು',
   timeSelect: 'ಸಮಯ ಆಯ್ಕೆಮಾಡಿ',
   dateSelect: 'ದಿನಾಂಕವನ್ನು ಆಯ್ಕೆ ಮಾಡಿ',
   weekSelect: 'ಒಂದು ವಾರದ ಆರಿಸಿ',
   monthSelect: 'ಒಂದು ತಿಂಗಳು ಆಯ್ಕೆಮಾಡಿ',
   yearSelect: 'ಒಂದು ವರ್ಷ ಆರಿಸಿ',
   decadeSelect: 'ಒಂದು ದಶಕದ ಆಯ್ಕೆಮಾಡಿ',
+  hourSelect: 'ಒಂದು ಗಂಟೆ ಆಯ್ಕೆಮಾಡಿ',
+  minuteSelect: 'ಒಂದು ನಿಮಿಷ ಆಯ್ಕೆಮಾಡಿ',
+  secondSelect: 'ಒಂದು ಸೆಕೆಂಡ್ ಆಯ್ಕೆಮಾಡಿ',
+  millisecondSelect: 'ಒಂದು ಮಿಲಿಸೆಕೆಂಡ್ ಆಯ್ಕೆಮಾಡಿ',
+  meridiemSelect: 'ಮೆರಿಡಿಯಮ್ ಆಯ್ಕೆಮಾಡಿ',
 
   previousMonth: 'ಹಿಂದಿನ ತಿಂಗಳು',
   nextMonth: 'ಮುಂದಿನ ತಿಂಗಳು',
diff --git a/src/locale/ko_KR.ts b/src/locale/ko_KR.ts
index 15fca41d7..4bf7fc543 100644
--- a/src/locale/ko_KR.ts
+++ b/src/locale/ko_KR.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: '주',
   month: '월',
   year: '년',
+  hours: '시간',
+  minutes: '분',
+  seconds: '초',
+  milliseconds: '밀리초',
   timeSelect: '시간 선택',
   dateSelect: '날짜 선택',
   monthSelect: '달 선택',
   yearSelect: '연 선택',
   decadeSelect: '연대 선택',
+  hourSelect: '시간 선택',
+  minuteSelect: '분 선택',
+  secondSelect: '초 선택',
+  millisecondSelect: '밀리초 선택',
+  meridiemSelect: '오전/오후 선택',
   yearFormat: 'YYYY년',
   monthBeforeYear: false,
   previousMonth: '이전 달',
diff --git a/src/locale/lt_LT.ts b/src/locale/lt_LT.ts
index c93717290..3f50c0ded 100644
--- a/src/locale/lt_LT.ts
+++ b/src/locale/lt_LT.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Savaitė',
   month: 'Mėnesis',
   year: 'Metai',
+  hours: 'Valandos',
+  minutes: 'Minutės',
+  seconds: 'Sekundės',
+  milliseconds: 'Milisekundės',
   timeSelect: 'Pasirinkti laiką',
   dateSelect: 'Pasirinkti datą',
   weekSelect: 'Pasirinkti savaitę',
   monthSelect: 'Pasirinkti mėnesį',
   yearSelect: 'Pasirinkti metus',
   decadeSelect: 'Pasirinkti dešimtmetį',
+  hourSelect: 'Pasirinkite valandą',
+  minuteSelect: 'Pasirinkite minutę',
+  secondSelect: 'Pasirinkite sekundę',
+  millisecondSelect: 'Pasirinkite milisekundę',
+  meridiemSelect: 'Pasirinkite meridijemą',
 
   dayFormat: 'DD',
 
diff --git a/src/locale/lv_LV.ts b/src/locale/lv_LV.ts
index df92a4268..05db8d3e8 100644
--- a/src/locale/lv_LV.ts
+++ b/src/locale/lv_LV.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Nedēļa',
   month: 'Mēnesis',
   year: 'Gads',
+  hours: 'Stundas',
+  minutes: 'Minūtes',
+  seconds: 'Sekundes',
+  milliseconds: 'Milisekundes',
   timeSelect: 'Izvēlieties laiku',
   dateSelect: 'Izvēlieties datumu',
   monthSelect: 'Izvēlieties mēnesi',
   yearSelect: 'Izvēlieties gadu',
   decadeSelect: 'Izvēlieties desmit gadus',
+  hourSelect: 'Atlasiet stundu',
+  minuteSelect: 'Atlasiet minūti',
+  secondSelect: 'Atlasiet sekundi',
+  millisecondSelect: 'Atlasiet milisekundi',
+  meridiemSelect: 'Atlasiet meridiemu',
 
   previousMonth: 'Iepriekšējais mēnesis',
   nextMonth: 'Nākammēnes',
diff --git a/src/locale/mk_MK.ts b/src/locale/mk_MK.ts
index e19417cbc..474d87036 100644
--- a/src/locale/mk_MK.ts
+++ b/src/locale/mk_MK.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Недела',
   month: 'Месец',
   year: 'Година',
+  hours: 'Часови',
+  minutes: 'Минути',
+  seconds: 'Секунди',
+  milliseconds: 'Милисекунди',
   timeSelect: 'Избери време',
   dateSelect: 'Избери датум',
   monthSelect: 'Избери месец',
   yearSelect: 'Избери година',
   decadeSelect: 'Избери деценија',
+  hourSelect: 'Изберете час',
+  minuteSelect: 'Изберете минута',
+  secondSelect: 'Изберете секунда',
+  millisecondSelect: 'Изберете милисекунда',
+  meridiemSelect: 'Изберете меридием',
 
   previousMonth: 'Претходен месец',
   nextMonth: 'Нареден месец',
diff --git a/src/locale/ml_IN.ts b/src/locale/ml_IN.ts
index 5ab7e4032..00c18ae70 100644
--- a/src/locale/ml_IN.ts
+++ b/src/locale/ml_IN.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'ആഴ്ച',
   month: 'മാസം',
   year: 'വർഷം',
+  hours: 'മണിക്കൂറുകൾ',
+  minutes: 'മിനിറ്റുകൾ',
+  seconds: 'സെക്കൻഡുകൾ',
+  milliseconds: 'മില്ലിസെക്കൻഡുകൾ',
   timeSelect: 'സമയം തിരഞ്ഞെടുക്കുക',
   dateSelect: 'ദിവസം തിരഞ്ഞെടുക്കുക',
   weekSelect: 'വാരം തിരഞ്ഞെടുക്കുക',
   monthSelect: 'മാസം തിരഞ്ഞെടുക്കുക',
   yearSelect: 'വർഷം തിരഞ്ഞെടുക്കുക',
   decadeSelect: 'ദശാബ്ദം തിരഞ്ഞെടുക്കുക',
+  hourSelect: 'ഒരു മണിക്കൂർ തിരഞ്ഞെടുക്കുക',
+  minuteSelect: 'ഒരു മിനിറ്റ് തിരഞ്ഞെടുക്കുക',
+  secondSelect: 'ഒരു സെക്കൻഡ് തിരഞ്ഞെടുക്കുക',
+  millisecondSelect: 'ഒരു മില്ലിസെക്കൻഡ് തിരഞ്ഞെടുക്കുക',
+  meridiemSelect: 'മെറിഡിയം തിരഞ്ഞെടുക്കുക',
 
   previousMonth: 'കഴിഞ്ഞ മാസം',
   nextMonth: 'അടുത്ത മാസം',
diff --git a/src/locale/mn_MN.ts b/src/locale/mn_MN.ts
index d5b965d21..218ecac09 100644
--- a/src/locale/mn_MN.ts
+++ b/src/locale/mn_MN.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Долоо хоног',
   month: 'Сар',
   year: 'Жил',
+  hours: 'Цаг',
+  minutes: 'Минут',
+  seconds: 'Секунд',
+  milliseconds: 'Миллисекунд',
   timeSelect: 'Цаг сонгох',
   dateSelect: 'Огноо сонгох',
   weekSelect: '7 хоног сонгох',
   monthSelect: 'Сар сонгох',
   yearSelect: 'Жил сонгох',
   decadeSelect: 'Арван сонгох',
+  hourSelect: 'Цаг сонгох',
+  minuteSelect: 'Минут сонгох',
+  secondSelect: 'Секунд сонгох',
+  millisecondSelect: 'Миллисекунд сонгох',
+  meridiemSelect: 'Меридием сонгох',
 
   dayFormat: 'DD',
 
diff --git a/src/locale/mr_IN.ts b/src/locale/mr_IN.ts
index 521bce969..fb66a41d9 100644
--- a/src/locale/mr_IN.ts
+++ b/src/locale/mr_IN.ts
@@ -15,12 +15,21 @@ const locale: Locale = {
   week: 'आठवडा',
   month: 'महिना',
   year: 'वर्ष',
+  hours: 'तास',
+  minutes: 'मिनिटे',
+  seconds: 'सेकंद',
+  milliseconds: 'मिलिसेकंद',
   timeSelect: 'वेळ निवडा',
   dateSelect: 'दिनांक निवडा',
   weekSelect: 'आठवडा निवडा',
   monthSelect: 'महिना निवडा',
   yearSelect: 'वर्ष निवडा',
   decadeSelect: 'दशक निवडा',
+  hourSelect: 'एक तास निवडा',
+  minuteSelect: 'एक मिनिट निवडा',
+  secondSelect: 'एक सेकंद निवडा',
+  millisecondSelect: 'एक मिलिसेकंद निवडा',
+  meridiemSelect: 'मेरिडियम निवडा',
 
   previousMonth: 'मागील महिना',
   nextMonth: 'पुढचा महिना',
diff --git a/src/locale/ms_MY.ts b/src/locale/ms_MY.ts
index f160813e8..06aa09626 100644
--- a/src/locale/ms_MY.ts
+++ b/src/locale/ms_MY.ts
@@ -15,11 +15,20 @@ const locale: Locale = {
   week: 'Minggu',
   month: 'Bulan',
   year: 'Tahun',
+  hours: 'Jam',
+  minutes: 'Minit',
+  seconds: 'Saat',
+  milliseconds: 'Milisaat',
   previousMonth: 'Bulan lepas',
   nextMonth: 'Bulan depan',
   monthSelect: 'Pilih bulan',
   yearSelect: 'Pilih tahun',
   decadeSelect: 'Pilih dekad',
+  hourSelect: 'Pilih jam',
+  minuteSelect: 'Pilih minit',
+  secondSelect: 'Pilih saat',
+  millisecondSelect: 'Pilih milisaat',
+  meridiemSelect: 'Pilih meridiem',
 
   previousYear: 'Tahun lepas',
   nextYear: 'Tahun depan',
diff --git a/src/locale/my_MM.ts b/src/locale/my_MM.ts
index 7cf8c1478..216ed15fb 100644
--- a/src/locale/my_MM.ts
+++ b/src/locale/my_MM.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'အပတ်',
   month: 'လ',
   year: 'နှစ်',
+  hours: 'နာရီ',
+  minutes: 'မိနစ်',
+  seconds: 'စက္ကန့်',
+  milliseconds: 'မီလီစက္ကန့်',
   timeSelect: 'အချိန်ကိုရွေး',
   dateSelect: 'နေ့ကိုရွေး',
   weekSelect: 'သီတင်းပတ်ကိုရွေး',
   monthSelect: 'လကိုရွေး',
   yearSelect: 'နှစ်ကိုရွေး',
   decadeSelect: 'ဆယ်စုနှစ်ကိုရွေး',
+  hourSelect: 'နာရီ ရွေးချယ်ပါ',
+  minuteSelect: 'မိနစ် ရွေးချယ်ပါ',
+  secondSelect: 'စက္ကန့် ရွေးချယ်ပါ',
+  millisecondSelect: 'မီလီစက္ကန့် ရွေးချယ်ပါ',
+  meridiemSelect: 'မေရီဒီယမ် ရွေးချယ်ပါ',
 
   previousMonth: 'ယခင်လ',
   nextMonth: 'နောက်လ',
diff --git a/src/locale/nb_NO.ts b/src/locale/nb_NO.ts
index 22e4b71b8..d5ddb26fb 100644
--- a/src/locale/nb_NO.ts
+++ b/src/locale/nb_NO.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Uke',
   month: 'Måned',
   year: 'År',
+  hours: 'Timer',
+  minutes: 'Minutter',
+  seconds: 'Sekunder',
+  milliseconds: 'Millisekunder',
   timeSelect: 'Velg tidspunkt',
   dateSelect: 'Velg dato',
   weekSelect: 'Velg uke',
   monthSelect: 'Velg måned',
   yearSelect: 'Velg år',
   decadeSelect: 'Velg tiår',
+  hourSelect: 'Velg en time',
+  minuteSelect: 'Velg et minutt',
+  secondSelect: 'Velg et sekund',
+  millisecondSelect: 'Velg et millisekund',
+  meridiemSelect: 'Velg meridiem',
 
   dayFormat: 'DD',
 
diff --git a/src/locale/ne_NP.ts b/src/locale/ne_NP.ts
index b433e648c..c31652ddb 100644
--- a/src/locale/ne_NP.ts
+++ b/src/locale/ne_NP.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'हप्ता',
   month: 'महिना',
   year: 'वर्ष',
+  hours: 'घण्टाहरू',
+  minutes: 'मिनेटहरू',
+  seconds: 'सेकेन्डहरू',
+  milliseconds: 'मिलिसेकेन्डहरू',
   timeSelect: 'समय चयन गर्नुहोस्',
   dateSelect: 'मिति चयन गर्नुहोस्',
   weekSelect: 'एक हप्ता छान्नुहोस्',
   monthSelect: 'एक महिना छान्नुहोस्',
   yearSelect: 'एक वर्ष छान्नुहोस्',
   decadeSelect: 'एक दशक छान्नुहोस्',
+  hourSelect: 'एउटा घण्टा छान्नुहोस्',
+  minuteSelect: 'एउटा मिनेट छान्नुहोस्',
+  secondSelect: 'एउटा सेकेन्ड छान्नुहोस्',
+  millisecondSelect: 'एउटा मिलिसेकेन्ड छान्नुहोस्',
+  meridiemSelect: 'मेरिडियम छान्नुहोस्',
 
   previousMonth: 'अघिल्लो महिना',
   nextMonth: 'अर्को महिना',
diff --git a/src/locale/nl_BE.ts b/src/locale/nl_BE.ts
index 24dd18315..4beaa91dd 100644
--- a/src/locale/nl_BE.ts
+++ b/src/locale/nl_BE.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Week',
   month: 'Maand',
   year: 'Jaar',
+  hours: 'Uren',
+  minutes: 'Minuten',
+  seconds: 'Seconden',
+  milliseconds: 'Milliseconden',
   timeSelect: 'Selecteer tijd',
   dateSelect: 'Selecteer datum',
   monthSelect: 'Kies een maand',
   yearSelect: 'Kies een jaar',
   decadeSelect: 'Kies een decennium',
+  hourSelect: 'Selecteer een uur',
+  minuteSelect: 'Selecteer een minuut',
+  secondSelect: 'Selecteer een seconde',
+  millisecondSelect: 'Selecteer een milliseconde',
+  meridiemSelect: 'Selecteer meridiem',
 
   previousMonth: 'Vorige maand',
   nextMonth: 'Volgende maand',
diff --git a/src/locale/nl_NL.ts b/src/locale/nl_NL.ts
index e155726b4..2d0372412 100644
--- a/src/locale/nl_NL.ts
+++ b/src/locale/nl_NL.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Week',
   month: 'Maand',
   year: 'Jaar',
+  hours: 'Uren',
+  minutes: 'Minuten',
+  seconds: 'Seconden',
+  milliseconds: 'Milliseconden',
   timeSelect: 'Selecteer tijd',
   dateSelect: 'Selecteer datum',
   monthSelect: 'Kies een maand',
   yearSelect: 'Kies een jaar',
   decadeSelect: 'Kies een decennium',
+  hourSelect: 'Selecteer een uur',
+  minuteSelect: 'Selecteer een minuut',
+  secondSelect: 'Selecteer een seconde',
+  millisecondSelect: 'Selecteer een milliseconde',
+  meridiemSelect: 'Selecteer meridiem',
 
   previousMonth: 'Vorige maand',
   nextMonth: 'Volgende maand',
diff --git a/src/locale/pl_PL.ts b/src/locale/pl_PL.ts
index faa772ed0..119d37d18 100644
--- a/src/locale/pl_PL.ts
+++ b/src/locale/pl_PL.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Tydzień',
   month: 'Miesiąc',
   year: 'Rok',
+  hours: 'Godziny',
+  minutes: 'Minuty',
+  seconds: 'Sekundy',
+  milliseconds: 'Milisekundy',
   timeSelect: 'Ustaw czas',
   dateSelect: 'Ustaw datę',
   monthSelect: 'Wybierz miesiąc',
   yearSelect: 'Wybierz rok',
   decadeSelect: 'Wybierz dekadę',
+  hourSelect: 'Wybierz godzinę',
+  minuteSelect: 'Wybierz minutę',
+  secondSelect: 'Wybierz sekundę',
+  millisecondSelect: 'Wybierz milisekundę',
+  meridiemSelect: 'Wybierz meridiem',
 
   previousMonth: 'Poprzedni miesiąc',
   nextMonth: 'Następny miesiąc',
diff --git a/src/locale/pt_BR.ts b/src/locale/pt_BR.ts
index 0043b28fb..946ad0306 100644
--- a/src/locale/pt_BR.ts
+++ b/src/locale/pt_BR.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Semana',
   month: 'Mês',
   year: 'Ano',
+  hours: 'Horas',
+  minutes: 'Minutos',
+  seconds: 'Segundos',
+  milliseconds: 'Milissegundos',
   timeSelect: 'Selecionar hora',
   dateSelect: 'Selecionar data',
   monthSelect: 'Escolher mês',
   yearSelect: 'Escolher ano',
   decadeSelect: 'Escolher década',
+  hourSelect: 'Selecionar uma hora',
+  minuteSelect: 'Selecionar um minuto',
+  secondSelect: 'Selecionar um segundo',
+  millisecondSelect: 'Selecionar um milissegundo',
+  meridiemSelect: 'Selecionar meridiem',
   monthBeforeYear: false,
   previousMonth: 'Mês anterior',
   nextMonth: 'Próximo mês',
diff --git a/src/locale/pt_PT.ts b/src/locale/pt_PT.ts
index fcf74a3a7..5df33e292 100644
--- a/src/locale/pt_PT.ts
+++ b/src/locale/pt_PT.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Semana',
   month: 'Mês',
   year: 'Ano',
+  hours: 'Horas',
+  minutes: 'Minutos',
+  seconds: 'Segundos',
+  milliseconds: 'Milissegundos',
   timeSelect: 'Selecionar hora',
   dateSelect: 'Selecionar data',
   monthSelect: 'Selecionar mês',
   yearSelect: 'Selecionar ano',
   decadeSelect: 'Selecionar década',
+  hourSelect: 'Selecionar uma hora',
+  minuteSelect: 'Selecionar um minuto',
+  secondSelect: 'Selecionar um segundo',
+  millisecondSelect: 'Selecionar um milissegundo',
+  meridiemSelect: 'Selecionar meridiem',
 
   previousMonth: 'Mês anterior',
   nextMonth: 'Mês seguinte',
diff --git a/src/locale/ro_RO.ts b/src/locale/ro_RO.ts
index 6721d5ab6..17ce82263 100644
--- a/src/locale/ro_RO.ts
+++ b/src/locale/ro_RO.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Săptămână',
   month: 'Lună',
   year: 'An',
+  hours: 'Ore',
+  minutes: 'Minute',
+  seconds: 'Secunde',
+  milliseconds: 'Milisecunde',
   timeSelect: 'selectează timpul',
   dateSelect: 'selectează data',
   weekSelect: 'Alege o săptămână',
   monthSelect: 'Alege o lună',
   yearSelect: 'Alege un an',
   decadeSelect: 'Alege un deceniu',
+  hourSelect: 'Selectați o oră',
+  minuteSelect: 'Selectați un minut',
+  secondSelect: 'Selectați o secundă',
+  millisecondSelect: 'Selectați o milisecundă',
+  meridiemSelect: 'Selectați meridianul',
 
   previousMonth: 'Luna anterioară',
   nextMonth: 'Luna următoare',
diff --git a/src/locale/ru_RU.ts b/src/locale/ru_RU.ts
index 4c6520d17..798ba9a2b 100644
--- a/src/locale/ru_RU.ts
+++ b/src/locale/ru_RU.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Неделя',
   month: 'Месяц',
   year: 'Год',
+  hours: 'Часы',
+  minutes: 'Минуты',
+  seconds: 'Секунды',
+  milliseconds: 'Миллисекунды',
   timeSelect: 'Выбрать время',
   dateSelect: 'Выбрать дату',
   monthSelect: 'Выбрать месяц',
   yearSelect: 'Выбрать год',
   decadeSelect: 'Выбрать десятилетие',
+  hourSelect: 'Выберите час',
+  minuteSelect: 'Выберите минуту',
+  secondSelect: 'Выберите секунду',
+  millisecondSelect: 'Выберите миллисекунду',
+  meridiemSelect: 'Выберите меридием',
 
   previousMonth: 'Предыдущий месяц',
   nextMonth: 'Следующий месяц',
diff --git a/src/locale/si_LK.ts b/src/locale/si_LK.ts
index cda7b111d..cc69a369c 100644
--- a/src/locale/si_LK.ts
+++ b/src/locale/si_LK.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'සතිය',
   month: 'මාසය',
   year: 'අවුරුද්ද',
+  hours: 'පැය',
+  minutes: 'මිනිත්තු',
+  seconds: 'තත්පර',
+  milliseconds: 'මිලිතත්පර',
   timeSelect: 'වේලාවක් තෝරන්න',
   dateSelect: 'දිනයක් තෝරන්න',
   weekSelect: 'සතියක් තෝරන්න',
   monthSelect: 'මාසයක් තෝරන්න',
   yearSelect: 'අවුරුද්දක් තෝරන්න',
   decadeSelect: 'දශකයක් තෝරන්න',
+  hourSelect: 'පැයක් තෝරන්න',
+  minuteSelect: 'මිනිත්තුවක් තෝරන්න',
+  secondSelect: 'තත්පරයක් තෝරන්න',
+  millisecondSelect: 'මිලිතත්පරයක් තෝරන්න',
+  meridiemSelect: 'මෙරිඩියම් තෝරන්න',
 
   monthBeforeYear: false,
   previousMonth: 'කලින් මාසය',
diff --git a/src/locale/sk_SK.ts b/src/locale/sk_SK.ts
index ebbbb42bb..0d5076c97 100644
--- a/src/locale/sk_SK.ts
+++ b/src/locale/sk_SK.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Týždeň',
   month: 'Mesiac',
   year: 'Rok',
+  hours: 'Hodiny',
+  minutes: 'Minúty',
+  seconds: 'Sekundy',
+  milliseconds: 'Milisekundy',
   timeSelect: 'Vybrať čas',
   dateSelect: 'Vybrať dátum',
   monthSelect: 'Vybrať mesiac',
   yearSelect: 'Vybrať rok',
   decadeSelect: 'Vybrať dekádu',
+  hourSelect: 'Vyberte hodinu',
+  minuteSelect: 'Vyberte minútu',
+  secondSelect: 'Vyberte sekundu',
+  millisecondSelect: 'Vyberte milisekundu',
+  meridiemSelect: 'Vyberte meridiem',
 
   previousMonth: 'Predchádzajúci mesiac',
   nextMonth: 'Nasledujúci mesiac',
diff --git a/src/locale/sl_SI.ts b/src/locale/sl_SI.ts
index 21b921491..1944ed1b7 100644
--- a/src/locale/sl_SI.ts
+++ b/src/locale/sl_SI.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Teden',
   month: 'Mesec',
   year: 'Leto',
+  hours: 'Ure',
+  minutes: 'Minute',
+  seconds: 'Sekunde',
+  milliseconds: 'Milisekunde',
   timeSelect: 'Izberite čas',
   dateSelect: 'Izberite datum',
   monthSelect: 'Izberite mesec',
   yearSelect: 'Izberite leto',
   decadeSelect: 'Izberite desetletje',
+  hourSelect: 'Izberite uro',
+  minuteSelect: 'Izberite minuto',
+  secondSelect: 'Izberite sekundo',
+  millisecondSelect: 'Izberite milisekundo',
+  meridiemSelect: 'Izberite meridiem',
 
   previousMonth: 'Prejšnji mesec',
   nextMonth: 'Naslednji mesec',
diff --git a/src/locale/sr_Cyrl_RS.ts b/src/locale/sr_Cyrl_RS.ts
index fbe0296e3..842ccd7cc 100644
--- a/src/locale/sr_Cyrl_RS.ts
+++ b/src/locale/sr_Cyrl_RS.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Недеља',
   month: 'Месец',
   year: 'Година',
+  hours: 'Сати',
+  minutes: 'Минути',
+  seconds: 'Секунде',
+  milliseconds: 'Милисекунде',
   timeSelect: 'Изабери време',
   dateSelect: 'Изабери датум',
   monthSelect: 'Изабери месец',
   yearSelect: 'Изабери годину',
   decadeSelect: 'Изабери деценију',
+  hourSelect: 'Изаберите сат',
+  minuteSelect: 'Изаберите минут',
+  secondSelect: 'Изаберите секунду',
+  millisecondSelect: 'Изаберите милисекунду',
+  meridiemSelect: 'Изаберите меридијем',
 
   previousMonth: 'Претходни месец',
   nextMonth: 'Следећи месец',
diff --git a/src/locale/sr_RS.ts b/src/locale/sr_RS.ts
index b53cf523a..d2fbad881 100644
--- a/src/locale/sr_RS.ts
+++ b/src/locale/sr_RS.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Nedelja',
   month: 'Mesec',
   year: 'Godina',
+  hours: 'Sati',
+  minutes: 'Minuti',
+  seconds: 'Sekunde',
+  milliseconds: 'Milisekunde',
   timeSelect: 'Izaberi vreme',
   dateSelect: 'Izaberi datum',
   monthSelect: 'Izaberi mesec',
   yearSelect: 'Izaberi godinu',
   decadeSelect: 'Izaberi deceniju',
+  hourSelect: 'Izaberite sat',
+  minuteSelect: 'Izaberite minut',
+  secondSelect: 'Izaberite sekundu',
+  millisecondSelect: 'Izaberite milisekundu',
+  meridiemSelect: 'Izaberite meridiem',
 
   previousMonth: 'Prethodni mesec',
   nextMonth: 'Sledeći mesec',
diff --git a/src/locale/sv_SE.ts b/src/locale/sv_SE.ts
index fe414d7c9..bbec7b6da 100644
--- a/src/locale/sv_SE.ts
+++ b/src/locale/sv_SE.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Vecka',
   month: 'Månad',
   year: 'År',
+  hours: 'Timmar',
+  minutes: 'Minuter',
+  seconds: 'Sekunder',
+  milliseconds: 'Millisekunder',
   timeSelect: 'Välj tidpunkt',
   dateSelect: 'Välj datum',
   monthSelect: 'Välj månad',
   yearSelect: 'Välj år',
   decadeSelect: 'Välj årtionde',
+  hourSelect: 'Välj en timme',
+  minuteSelect: 'Välj en minut',
+  secondSelect: 'Välj en sekund',
+  millisecondSelect: 'Välj en millisekund',
+  meridiemSelect: 'Välj meridiem',
 
   previousMonth: 'Förra månaden',
   nextMonth: 'Nästa månad',
diff --git a/src/locale/ta_IN.ts b/src/locale/ta_IN.ts
index aa95579a4..2a5df6953 100644
--- a/src/locale/ta_IN.ts
+++ b/src/locale/ta_IN.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'வாரம்',
   month: 'மாதம்',
   year: 'வருடம்',
+  hours: 'மணிநேரங்கள்',
+  minutes: 'நிமிடங்கள்',
+  seconds: 'வினாடிகள்',
+  milliseconds: 'மில்லி வினாடிகள்',
   timeSelect: 'நேரத்தைத் தேர்ந்தெடு',
   dateSelect: 'தேதியைத் தேர்ந்தெடு',
   weekSelect: 'வாரத்தைத் தேர்வுசெய்க',
   monthSelect: 'மாதத்தைத் தேர்வுசெய்க',
   yearSelect: 'வருடத்தைத் தேர்வுசெய்க',
   decadeSelect: 'தசாப்தத்தைத் தேர்வுசெய்க',
+  hourSelect: 'ஒரு மணிநேரம் தேர்ந்தெடுக்கவும்',
+  minuteSelect: 'ஒரு நிமிடம் தேர்ந்தெடுக்கவும்',
+  secondSelect: 'ஒரு வினாடி தேர்ந்தெடுக்கவும்',
+  millisecondSelect: 'ஒரு மில்லி வினாடி தேர்ந்தெடுக்கவும்',
+  meridiemSelect: 'மெரிடியம் தேர்ந்தெடுக்கவும்',
 
   previousMonth: 'முந்தைய மாதம்',
   nextMonth: 'அடுத்த மாதம்',
diff --git a/src/locale/te_IN.ts b/src/locale/te_IN.ts
index ce3861fd1..6835d86a2 100644
--- a/src/locale/te_IN.ts
+++ b/src/locale/te_IN.ts
@@ -1,31 +1,40 @@
 import { commonLocale } from './common';
 import type { Locale } from '../interface';
 
-const locale: Locale={
-    ...commonLocale,
-    locale: 'te_IN',
-    today:'నేడు',
-    now:'ఇప్పుడు',
-    backToToday:'తిరిగి నేటికి',
-    ok:'సరే',
-    clear:'స్పష్టమైన',
-    week:'వారం',
-    month:'నెల',
-    year:'సంవత్సరం',
-    timeSelect:'సమయం ఎంపిక',
-    dateSelect:'తేదీ ఎంపిక',
-    weekSelect:'వారం ఎంపిక',
-    monthSelect:'నెల ఎంపిక',
-    yearSelect:'సంవత్సరం ఎంపిక',
-    decadeSelect:'దశాబ్దం ఎంపిక',
+const locale: Locale = {
+  ...commonLocale,
+  locale: 'te_IN',
+  today: 'నేడు',
+  now: 'ఇప్పుడు',
+  backToToday: 'తిరిగి నేటికి',
+  ok: 'సరే',
+  clear: 'స్పష్టమైన',
+  week: 'వారం',
+  month: 'నెల',
+  year: 'సంవత్సరం',
+  hours: 'గంటలు',
+  minutes: 'నిమిషాలు',
+  seconds: 'సెకన్లు',
+  milliseconds: 'మిల్లీసెకన్లు',
+  timeSelect: 'సమయం ఎంపిక',
+  dateSelect: 'తేదీ ఎంపిక',
+  weekSelect: 'వారం ఎంపిక',
+  monthSelect: 'నెల ఎంపిక',
+  yearSelect: 'సంవత్సరం ఎంపిక',
+  decadeSelect: 'దశాబ్దం ఎంపిక',
+  hourSelect: 'ఒక గంట ఎంచుకోండి',
+  minuteSelect: 'ఒక నిమిషం ఎంచుకోండి',
+  secondSelect: 'ఒక సెకను ఎంచుకోండి',
+  millisecondSelect: 'ఒక మిల్లీసెకను ఎంచుకోండి',
+  meridiemSelect: 'మెరిడియమ్ ఎంచుకోండి',
 
-    previousMonth:'మునుపటి నెల',
-    nextMonth:'వచ్చే నెల',
-    previousYear:'మునుపటి సంవత్సరం',
-    nextYear:'తదుపరి సంవత్సరం',
-    previousDecade:'మునుపటి దశాబ్దం',
-    nextDecade:'తదుపరి దశాబ్దం',
-    previousCentury:'మునుపటి శతాబ్దం',
-    nextCentury:'తదుపరి శతాబ్దం',
+  previousMonth: 'మునుపటి నెల',
+  nextMonth: 'వచ్చే నెల',
+  previousYear: 'మునుపటి సంవత్సరం',
+  nextYear: 'తదుపరి సంవత్సరం',
+  previousDecade: 'మునుపటి దశాబ్దం',
+  nextDecade: 'తదుపరి దశాబ్దం',
+  previousCentury: 'మునుపటి శతాబ్దం',
+  nextCentury: 'తదుపరి శతాబ్దం',
 };
-export default locale;
\ No newline at end of file
+export default locale;
diff --git a/src/locale/th_TH.ts b/src/locale/th_TH.ts
index 98c592980..09df6dbd2 100644
--- a/src/locale/th_TH.ts
+++ b/src/locale/th_TH.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'สัปดาห์',
   month: 'เดือน',
   year: 'ปี',
+  hours: 'ชั่วโมง',
+  minutes: 'นาที',
+  seconds: 'วินาที',
+  milliseconds: 'มิลลิวินาที',
   timeSelect: 'เลือกเวลา',
   dateSelect: 'เลือกวัน',
   monthSelect: 'เลือกเดือน',
   yearSelect: 'เลือกปี',
   decadeSelect: 'เลือกทศวรรษ',
+  hourSelect: 'เลือกชั่วโมง',
+  minuteSelect: 'เลือกนาที',
+  secondSelect: 'เลือกวินาที',
+  millisecondSelect: 'เลือกมิลลิวินาที',
+  meridiemSelect: 'เลือกช่วงวัน',
 
   previousMonth: 'เดือนก่อนหน้า',
   nextMonth: 'เดือนถัดไป',
diff --git a/src/locale/tk_TK.ts b/src/locale/tk_TK.ts
index 1855dfaee..1b5269c88 100644
--- a/src/locale/tk_TK.ts
+++ b/src/locale/tk_TK.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   month: 'Aý',
   week: 'Hepde',
   year: 'Ýyl',
+  hours: 'Sagatlar',
+  minutes: 'Minutlar',
+  seconds: 'Sekundlar',
+  milliseconds: 'Millisaniyeler',
   timeSelect: 'Wagt saýla',
   dateSelect: 'Gün saýla',
   monthSelect: 'Aý saýla',
   yearSelect: 'Ýyl saýla',
   decadeSelect: 'On ýyllygy saýla',
+  hourSelect: 'Sagat saýlaň',
+  minuteSelect: 'Minut saýlaň',
+  secondSelect: 'Sekunt saýlaň',
+  millisecondSelect: 'Millisekunt saýlaň',
+  meridiemSelect: 'Meridiemi saýlaň',
 
   previousMonth: 'Öňki aý',
   nextMonth: 'Soňky aý',
diff --git a/src/locale/tl_PH.ts b/src/locale/tl_PH.ts
index df9293e76..bd320d535 100644
--- a/src/locale/tl_PH.ts
+++ b/src/locale/tl_PH.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Linggo',
   month: 'Buwan',
   year: 'Taon',
+  hours: 'Mga Oras',
+  minutes: 'Mga Minuto',
+  seconds: 'Mga Segundo',
+  milliseconds: 'Mga Millisegundo',
   timeSelect: 'Pumili ng oras',
   dateSelect: 'Pumili ng petsa',
   weekSelect: 'Pumili ng linggo',
   monthSelect: 'Pumili ng buwan',
   yearSelect: 'Pumili ng taon',
   decadeSelect: 'Pumili ng dekada',
+  hourSelect: 'Pumili ng isang oras',
+  minuteSelect: 'Pumili ng isang minuto',
+  secondSelect: 'Pumili ng isang segundo',
+  millisecondSelect: 'Pumili ng isang millisegundo',
+  meridiemSelect: 'Pumili ng meridiem',
 
   previousMonth: 'Nakaraang buwan',
   nextMonth: 'Susunod na buwan',
diff --git a/src/locale/tr_TR.ts b/src/locale/tr_TR.ts
index 0d2a3d81e..0d8d74c36 100644
--- a/src/locale/tr_TR.ts
+++ b/src/locale/tr_TR.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Hafta',
   month: 'Ay',
   year: 'Yıl',
+  hours: 'Saat',
+  minutes: 'Dakika',
+  seconds: 'Saniye',
+  milliseconds: 'Milisaniye',
   timeSelect: 'Zaman Seç',
   dateSelect: 'Tarih Seç',
   monthSelect: 'Ay Seç',
   yearSelect: 'Yıl Seç',
   decadeSelect: 'On Yıl Seç',
+  hourSelect: 'Bir saat seçin',
+  minuteSelect: 'Bir dakika seçin',
+  secondSelect: 'Bir saniye seçin',
+  millisecondSelect: 'Bir milisaniye seçin',
+  meridiemSelect: 'ÖÖ/ÖS seçin',
 
   previousMonth: 'Önceki Ay',
   nextMonth: 'Sonraki Ay',
diff --git a/src/locale/ug_CN.ts b/src/locale/ug_CN.ts
index 868a9f2d0..faebbf502 100644
--- a/src/locale/ug_CN.ts
+++ b/src/locale/ug_CN.ts
@@ -14,11 +14,20 @@ const locale: Locale = {
   week: 'ھەپتە',
   month: 'ئاي',
   year: 'يىل',
+  hours: 'سائەت',
+  minutes: 'مىنۇت',
+  seconds: 'سېكۇنت',
+  milliseconds: 'مىللىسېكۇنت',
   previousMonth: 'ئالدىنقى ئاي',
   nextMonth: 'كېلەر ئاي',
   monthSelect: 'ئاي تاللاش',
   yearSelect: 'يىل تاللاش',
   decadeSelect: 'يىللارنى تاللاش',
+  hourSelect: 'سائەت تاللاڭ',
+  minuteSelect: 'مىنۇت تاللاڭ',
+  secondSelect: 'سېكۇنت تاللاڭ',
+  millisecondSelect: 'مىللىسېكۇنت تاللاڭ',
+  meridiemSelect: 'مېرىدىيېم تاللاڭ',
   yearFormat: 'YYYY-يىلى',
   dayFormat: 'D-كۈنى',
   previousYear: 'ئالدىنقى يىلى',
diff --git a/src/locale/uk_UA.ts b/src/locale/uk_UA.ts
index 4185b2bde..8413e02a2 100644
--- a/src/locale/uk_UA.ts
+++ b/src/locale/uk_UA.ts
@@ -12,11 +12,20 @@ const locale: Locale = {
   week: 'Тиждень',
   month: 'Місяць',
   year: 'Рік',
+  hours: 'Години',
+  minutes: 'Хвилини',
+  seconds: 'Секунди',
+  milliseconds: 'Мілісекунди',
   timeSelect: 'Обрати час',
   dateSelect: 'Обрати дату',
   monthSelect: 'Обрати місяць',
   yearSelect: 'Обрати рік',
   decadeSelect: 'Обрати десятиріччя',
+  hourSelect: 'Виберіть годину',
+  minuteSelect: 'Виберіть хвилину',
+  secondSelect: 'Виберіть секунду',
+  millisecondSelect: 'Виберіть мілісекунду',
+  meridiemSelect: 'Виберіть меридієм',
 
   previousMonth: 'Попередній місяць',
   nextMonth: 'Наступний місяць',
diff --git a/src/locale/ur_PK.ts b/src/locale/ur_PK.ts
index 5ba6fafea..b1f3610c2 100644
--- a/src/locale/ur_PK.ts
+++ b/src/locale/ur_PK.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'ہفتہ',
   month: 'مہینہ',
   year: 'سال',
+  hours: 'گھنٹے',
+  minutes: 'منٹ',
+  seconds: 'سیکنڈ',
+  milliseconds: 'ملی سیکنڈ',
   timeSelect: 'وقت منتخب کریں',
   dateSelect: 'تاریخ منتخب کریں',
   weekSelect: 'ایک ہفتہ کا انتخاب کریں',
   monthSelect: 'ایک مہینہ کا انتخاب کریں',
   yearSelect: 'ایک سال کا انتخاب کریں',
   decadeSelect: 'ایک دہائی کا انتخاب کریں',
+  hourSelect: 'ایک گھنٹہ منتخب کریں',
+  minuteSelect: 'ایک منٹ منتخب کریں',
+  secondSelect: 'ایک سیکنڈ منتخب کریں',
+  millisecondSelect: 'ایک ملی سیکنڈ منتخب کریں',
+  meridiemSelect: 'صبح/شام منتخب کریں',
 
   previousMonth: 'پچھلے مہینے',
   nextMonth: 'اگلے مہینے',
diff --git a/src/locale/uz_UZ.ts b/src/locale/uz_UZ.ts
index 6cc34baf9..b4dc40ffd 100644
--- a/src/locale/uz_UZ.ts
+++ b/src/locale/uz_UZ.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Xafta',
   month: 'Oy',
   year: 'Yil',
+  hours: 'Soatlar',
+  minutes: 'Daqiqalar',
+  seconds: 'Soniyalar',
+  milliseconds: 'Millisekundlar',
   timeSelect: 'vaqtni tanlang',
   dateSelect: 'sanani tanlang',
   weekSelect: 'Haftani tanlang',
   monthSelect: 'Oyni tanlang',
   yearSelect: 'Yilni tanlang',
   decadeSelect: "O'n yilni tanlang",
+  hourSelect: 'Soatni tanlang',
+  minuteSelect: 'Daqiqani tanlang',
+  secondSelect: 'Soniyani tanlang',
+  millisecondSelect: 'Millisekundni tanlang',
+  meridiemSelect: 'Meridiemni tanlang',
   previousMonth: 'Oldingi oy',
   nextMonth: 'Keyingi oy',
   previousYear: "O'tgan yili",
diff --git a/src/locale/vi_VN.ts b/src/locale/vi_VN.ts
index 55a5ffc13..d67183806 100644
--- a/src/locale/vi_VN.ts
+++ b/src/locale/vi_VN.ts
@@ -12,12 +12,21 @@ const locale: Locale = {
   week: 'Tuần',
   month: 'Tháng',
   year: 'Năm',
+  hours: 'Giờ',
+  minutes: 'Phút',
+  seconds: 'Giây',
+  milliseconds: 'Mili giây',
   timeSelect: 'Chọn thời gian',
   dateSelect: 'Chọn ngày',
   weekSelect: 'Chọn tuần',
   monthSelect: 'Chọn tháng',
   yearSelect: 'Chọn năm',
   decadeSelect: 'Chọn thập kỷ',
+  hourSelect: 'Chọn giờ',
+  minuteSelect: 'Chọn phút',
+  secondSelect: 'Chọn giây',
+  millisecondSelect: 'Chọn mili giây',
+  meridiemSelect: 'Chọn buổi',
 
   previousMonth: 'Tháng trước',
   nextMonth: 'Tháng sau',
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index d489be71d..c21f3c78a 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -15,11 +15,20 @@ const locale: Locale = {
   week: '周',
   month: '月',
   year: '年',
+  hours: '时',
+  minutes: '分',
+  seconds: '秒',
+  milliseconds: '毫秒',
   previousMonth: '上个月',
   nextMonth: '下个月',
   monthSelect: '选择月份',
   yearSelect: '选择年份',
   decadeSelect: '选择年代',
+  hourSelect: '选择时',
+  minuteSelect: '选择分',
+  secondSelect: '选择秒',
+  millisecondSelect: '选择毫秒',
+  meridiemSelect: '选择上午/下午',
 
   previousYear: '上一年',
   nextYear: '下一年',
diff --git a/src/locale/zh_TW.ts b/src/locale/zh_TW.ts
index 2aef5c28b..7b0769ed4 100644
--- a/src/locale/zh_TW.ts
+++ b/src/locale/zh_TW.ts
@@ -16,11 +16,21 @@ const locale: Locale = {
   week: '週',
   month: '月',
   year: '年',
+  hours: '時',
+  minutes: '分',
+  seconds: '秒',
+  milliseconds: '毫秒',
   previousMonth: '上個月',
   nextMonth: '下個月',
   monthSelect: '選擇月份',
   yearSelect: '選擇年份',
   decadeSelect: '選擇年代',
+  hourSelect: '選擇時',
+  minuteSelect: '選擇分',
+  secondSelect: '選擇秒',
+  millisecondSelect: '選擇毫秒',
+  meridiemSelect: '選擇上午/下午',
+
   yearFormat: 'YYYY年',
 
   previousYear: '上一年',
diff --git a/tests/__snapshots__/panel.spec.tsx.snap b/tests/__snapshots__/panel.spec.tsx.snap
index 7fda69091..ccb141c28 100644
--- a/tests/__snapshots__/panel.spec.tsx.snap
+++ b/tests/__snapshots__/panel.spec.tsx.snap
@@ -1284,14 +1284,21 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
       </div>
       <div
         class="rc-picker-content"
+        role="group"
       >
         <ul
+          aria-label="Select an hour"
           class="rc-picker-time-panel-column"
           data-type="hour"
+          role="listbox"
         >
           <li
+            aria-disabled="false"
+            aria-label="0 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="0"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1304,8 +1311,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="1 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="1"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1318,8 +1329,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="2 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="2"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1332,8 +1347,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="3 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="3"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1346,8 +1365,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="4 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="4"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1360,8 +1383,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="5 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="5"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1374,8 +1401,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="6 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="6"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1388,8 +1419,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="7 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="7"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1402,8 +1437,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="8 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="8"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1416,8 +1455,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="9 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="9"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1430,8 +1473,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="10 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="10"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1444,8 +1491,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="11 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="11"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1458,8 +1509,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="12 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="12"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1472,8 +1527,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="13 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="13"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1486,8 +1545,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="14 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="14"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1500,8 +1563,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="15 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="15"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1514,8 +1581,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="16 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="16"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1528,8 +1599,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="17 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="17"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1542,8 +1617,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="18 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="18"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1556,8 +1635,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="19 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="19"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1570,8 +1653,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="20 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="20"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1584,8 +1671,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="21 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="21"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1598,8 +1689,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="22 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="22"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1612,8 +1707,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="23 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="23"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1627,12 +1726,18 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
           </li>
         </ul>
         <ul
+          aria-label="Select a minute"
           class="rc-picker-time-panel-column"
           data-type="minute"
+          role="listbox"
         >
           <li
+            aria-disabled="false"
+            aria-label="0 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="0"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1645,8 +1750,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="1 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="1"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1659,8 +1768,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="2 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="2"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1673,8 +1786,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="3 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="3"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1687,8 +1804,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="4 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="4"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1701,8 +1822,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="5 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="5"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1715,8 +1840,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="6 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="6"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1729,8 +1858,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="7 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="7"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1743,8 +1876,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="8 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="8"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1757,8 +1894,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="9 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="9"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1771,8 +1912,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="10 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="10"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1785,8 +1930,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="11 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="11"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1799,8 +1948,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="12 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="12"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1813,8 +1966,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="13 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="13"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1827,8 +1984,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="14 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="14"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1841,8 +2002,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="15 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="15"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1855,8 +2020,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="16 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="16"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1869,8 +2038,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="17 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="17"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1883,8 +2056,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="18 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="18"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1897,8 +2074,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="19 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="19"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1911,8 +2092,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="20 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="20"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1925,8 +2110,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="21 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="21"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1939,8 +2128,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="22 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="22"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1953,8 +2146,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="23 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="23"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1967,8 +2164,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="24 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="24"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1981,8 +2182,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="25 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="25"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -1995,8 +2200,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="26 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="26"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2009,8 +2218,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="27 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="27"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2023,8 +2236,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="28 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="28"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2037,8 +2254,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="29 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="29"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2051,8 +2272,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="30 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="30"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2065,8 +2290,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="31 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="31"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2079,8 +2308,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="32 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="32"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2093,8 +2326,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="33 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="33"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2107,8 +2344,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="34 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="34"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2121,8 +2362,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="35 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="35"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2135,8 +2380,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="36 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="36"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2149,8 +2398,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="37 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="37"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2163,8 +2416,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="38 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="38"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2177,8 +2434,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="39 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="39"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2191,8 +2452,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="40 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="40"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2205,8 +2470,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="41 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="41"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2219,8 +2488,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="42 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="42"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2233,8 +2506,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="43 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="43"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2247,8 +2524,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="44 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="44"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2261,8 +2542,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="45 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="45"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2275,8 +2560,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="46 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="46"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2289,8 +2578,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="47 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="47"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2303,8 +2596,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="48 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="48"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2317,8 +2614,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="49 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="49"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2331,8 +2632,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="50 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="50"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2345,8 +2650,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="51 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="51"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2359,8 +2668,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="52 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="52"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2373,8 +2686,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="53 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="53"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2387,8 +2704,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="54 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="54"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2401,8 +2722,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="55 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="55"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2415,8 +2740,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="56 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="56"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2429,8 +2758,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="57 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="57"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2443,8 +2776,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="58 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="58"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2457,8 +2794,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="59 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="59"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2472,12 +2813,18 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
           </li>
         </ul>
         <ul
+          aria-label="Select a second"
           class="rc-picker-time-panel-column"
           data-type="second"
+          role="listbox"
         >
           <li
+            aria-disabled="false"
+            aria-label="0 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="0"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2490,8 +2837,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="1 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="1"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2504,8 +2855,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="2 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="2"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2518,8 +2873,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="3 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="3"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2532,8 +2891,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="4 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="4"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2546,8 +2909,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="5 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="5"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2560,8 +2927,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="6 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="6"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2574,8 +2945,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="7 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="7"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2588,8 +2963,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="8 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="8"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2602,8 +2981,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="9 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="9"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2616,8 +2999,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="10 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="10"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2630,8 +3017,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="11 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="11"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2644,8 +3035,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="12 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="12"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2658,8 +3053,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="13 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="13"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2672,8 +3071,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="14 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="14"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2686,8 +3089,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="15 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="15"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2700,8 +3107,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="16 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="16"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2714,8 +3125,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="17 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="17"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2728,8 +3143,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="18 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="18"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2742,8 +3161,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="19 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="19"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2756,8 +3179,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="20 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="20"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2770,8 +3197,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="21 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="21"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2784,8 +3215,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="22 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="22"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2798,8 +3233,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="23 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="23"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2812,8 +3251,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="24 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="24"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2826,8 +3269,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="25 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="25"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2840,8 +3287,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="26 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="26"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2854,8 +3305,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="27 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="27"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2868,8 +3323,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="28 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="28"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2882,8 +3341,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="29 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="29"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2896,8 +3359,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="30 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="30"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2910,8 +3377,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="31 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="31"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2924,8 +3395,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="32 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="32"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2938,8 +3413,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="33 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="33"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2952,8 +3431,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="34 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="34"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2966,8 +3449,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="35 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="35"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2980,8 +3467,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="36 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="36"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -2994,8 +3485,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="37 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="37"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3008,8 +3503,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="38 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="38"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3022,8 +3521,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="39 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="39"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3036,8 +3539,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="40 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="40"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3050,8 +3557,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="41 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="41"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3064,8 +3575,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="42 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="42"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3078,8 +3593,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="43 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="43"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3092,8 +3611,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="44 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="44"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3106,8 +3629,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="45 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="45"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3120,8 +3647,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="46 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="46"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3134,8 +3665,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="47 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="47"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3148,8 +3683,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="48 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="48"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3162,8 +3701,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="49 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="49"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3176,8 +3719,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="50 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="50"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3190,8 +3737,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="51 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="51"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3204,8 +3755,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="52 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="52"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3218,8 +3773,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="53 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="53"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3232,8 +3791,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="54 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="54"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3246,8 +3809,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="55 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="55"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3260,8 +3827,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="56 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="56"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3274,8 +3845,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="57 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="57"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3288,8 +3863,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="58 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="58"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -3302,8 +3881,12 @@ exports[`Picker.Panel append cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="59 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="59"
+            role="option"
           >
             <div
               class="rc-picker-time-panel-cell-inner customInner"
@@ -5423,14 +6006,21 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
       </div>
       <div
         class="rc-picker-content"
+        role="group"
       >
         <ul
+          aria-label="Select an hour"
           class="rc-picker-time-panel-column"
           data-type="hour"
+          role="listbox"
         >
           <li
+            aria-disabled="false"
+            aria-label="0 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="0"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5439,8 +6029,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="1 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="1"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5449,8 +6043,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="2 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="2"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5459,8 +6057,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="3 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="3"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5469,8 +6071,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="4 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="4"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5479,8 +6085,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="5 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="5"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5489,8 +6099,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="6 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="6"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5499,8 +6113,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="7 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="7"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5509,8 +6127,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="8 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="8"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5519,8 +6141,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="9 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="9"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5529,8 +6155,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="10 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="10"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5539,8 +6169,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="11 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="11"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5549,8 +6183,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="12 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="12"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5559,8 +6197,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="13 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="13"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5569,8 +6211,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="14 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="14"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5579,8 +6225,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="15 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="15"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5589,8 +6239,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="16 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="16"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5599,8 +6253,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="17 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="17"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5609,8 +6267,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="18 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="18"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5619,8 +6281,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="19 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="19"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5629,8 +6295,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="20 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="20"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5639,8 +6309,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="21 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="21"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5649,8 +6323,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="22 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="22"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5659,8 +6337,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="23 Hours"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="23"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5670,12 +6352,18 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
           </li>
         </ul>
         <ul
+          aria-label="Select a minute"
           class="rc-picker-time-panel-column"
           data-type="minute"
+          role="listbox"
         >
           <li
+            aria-disabled="false"
+            aria-label="0 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="0"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5684,8 +6372,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="1 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="1"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5694,8 +6386,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="2 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="2"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5704,8 +6400,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="3 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="3"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5714,8 +6414,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="4 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="4"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5724,8 +6428,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="5 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="5"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5734,8 +6442,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="6 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="6"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5744,8 +6456,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="7 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="7"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5754,8 +6470,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="8 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="8"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5764,8 +6484,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="9 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="9"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5774,8 +6498,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="10 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="10"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5784,8 +6512,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="11 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="11"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5794,8 +6526,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="12 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="12"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5804,8 +6540,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="13 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="13"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5814,8 +6554,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="14 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="14"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5824,8 +6568,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="15 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="15"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5834,8 +6582,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="16 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="16"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5844,8 +6596,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="17 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="17"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5854,8 +6610,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="18 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="18"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5864,8 +6624,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="19 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="19"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5874,8 +6638,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="20 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="20"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5884,8 +6652,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="21 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="21"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5894,8 +6666,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="22 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="22"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5904,8 +6680,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="23 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="23"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5914,8 +6694,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="24 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="24"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5924,8 +6708,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="25 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="25"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5934,8 +6722,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="26 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="26"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5944,8 +6736,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="27 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="27"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5954,8 +6750,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="28 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="28"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5964,8 +6764,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="29 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="29"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5974,8 +6778,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="30 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="30"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5984,8 +6792,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="31 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="31"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -5994,8 +6806,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="32 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="32"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6004,8 +6820,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="33 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="33"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6014,8 +6834,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="34 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="34"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6024,8 +6848,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="35 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="35"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6034,8 +6862,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="36 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="36"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6044,8 +6876,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="37 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="37"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6054,8 +6890,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="38 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="38"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6064,8 +6904,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="39 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="39"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6074,8 +6918,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="40 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="40"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6084,8 +6932,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="41 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="41"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6094,8 +6946,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="42 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="42"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6104,8 +6960,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="43 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="43"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6114,8 +6974,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="44 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="44"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6124,8 +6988,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="45 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="45"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6134,8 +7002,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="46 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="46"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6144,8 +7016,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="47 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="47"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6154,8 +7030,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="48 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="48"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6164,8 +7044,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="49 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="49"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6174,8 +7058,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="50 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="50"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6184,8 +7072,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="51 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="51"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6194,8 +7086,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="52 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="52"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6204,8 +7100,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="53 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="53"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6214,8 +7114,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="54 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="54"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6224,8 +7128,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="55 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="55"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6234,8 +7142,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="56 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="56"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6244,8 +7156,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="57 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="57"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6254,8 +7170,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="58 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="58"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6264,8 +7184,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="59 Minutes"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="59"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6275,12 +7199,18 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
           </li>
         </ul>
         <ul
+          aria-label="Select a second"
           class="rc-picker-time-panel-column"
           data-type="second"
+          role="listbox"
         >
           <li
+            aria-disabled="false"
+            aria-label="0 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="0"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6289,8 +7219,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="1 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="1"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6299,8 +7233,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="2 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="2"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6309,8 +7247,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="3 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="3"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6319,8 +7261,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="4 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="4"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6329,8 +7275,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="5 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="5"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6339,8 +7289,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="6 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="6"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6349,8 +7303,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="7 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="7"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6359,8 +7317,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="8 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="8"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6369,8 +7331,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="9 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="9"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6379,8 +7345,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="10 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="10"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6389,8 +7359,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="11 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="11"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6399,8 +7373,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="12 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="12"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6409,8 +7387,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="13 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="13"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6419,8 +7401,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="14 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="14"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6429,8 +7415,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="15 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="15"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6439,8 +7429,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="16 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="16"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6449,8 +7443,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="17 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="17"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6459,8 +7457,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="18 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="18"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6469,8 +7471,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="19 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="19"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6479,8 +7485,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="20 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="20"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6489,8 +7499,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="21 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="21"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6499,8 +7513,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="22 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="22"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6509,8 +7527,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="23 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="23"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6519,8 +7541,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="24 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="24"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6529,8 +7555,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="25 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="25"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6539,8 +7569,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="26 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="26"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6549,8 +7583,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="27 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="27"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6559,8 +7597,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="28 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="28"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6569,8 +7611,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="29 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="29"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6579,8 +7625,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="30 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="30"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6589,8 +7639,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="31 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="31"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6599,8 +7653,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="32 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="32"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6609,8 +7667,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="33 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="33"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6619,8 +7681,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="34 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="34"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6629,8 +7695,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="35 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="35"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6639,8 +7709,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="36 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="36"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6649,8 +7723,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="37 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="37"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6659,8 +7737,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="38 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="38"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6669,8 +7751,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="39 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="39"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6679,8 +7765,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="40 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="40"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6689,8 +7779,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="41 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="41"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6699,8 +7793,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="42 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="42"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6709,8 +7807,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="43 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="43"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6719,8 +7821,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="44 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="44"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6729,8 +7835,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="45 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="45"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6739,8 +7849,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="46 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="46"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6749,8 +7863,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="47 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="47"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6759,8 +7877,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="48 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="48"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6769,8 +7891,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="49 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="49"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6779,8 +7905,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="50 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="50"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6789,8 +7919,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="51 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="51"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6799,8 +7933,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="52 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="52"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6809,8 +7947,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="53 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="53"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6819,8 +7961,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="54 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="54"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6829,8 +7975,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="55 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="55"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6839,8 +7989,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="56 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="56"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6849,8 +8003,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="57 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="57"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6859,8 +8017,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="58 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="58"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -6869,8 +8031,12 @@ exports[`Picker.Panel override cell with cellRender in time 1`] = `
             </div>
           </li>
           <li
+            aria-disabled="false"
+            aria-label="59 Seconds"
+            aria-selected="false"
             class="rc-picker-time-panel-cell"
             data-value="59"
+            role="option"
           >
             <div
               class="customWrapper"
@@ -8231,14 +9397,21 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
         </div>
         <div
           class="rc-picker-content"
+          role="group"
         >
           <ul
+            aria-label="Select an hour"
             class="rc-picker-time-panel-column"
             data-type="hour"
+            role="listbox"
           >
             <li
+              aria-disabled="false"
+              aria-label="0 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="0"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8247,8 +9420,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="1 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="1"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8257,8 +9434,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="2 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="2"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8267,8 +9448,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="3 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="3"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8277,8 +9462,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="4 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="4"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8287,8 +9476,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="5 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="5"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8297,8 +9490,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="6 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="6"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8307,8 +9504,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="7 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="7"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8317,8 +9518,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="8 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="8"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8327,8 +9532,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="9 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="9"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8337,8 +9546,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="10 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="10"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8347,8 +9560,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="11 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="11"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8357,8 +9574,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="12 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="12"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8367,8 +9588,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="13 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="13"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8377,8 +9602,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="14 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="14"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8387,8 +9616,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="15 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="15"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8397,8 +9630,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="16 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="16"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8407,8 +9644,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="17 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="17"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8417,8 +9658,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="18 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="18"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8427,8 +9672,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="19 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="19"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8437,8 +9686,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="20 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="20"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8447,8 +9700,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="21 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="21"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8457,8 +9714,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="22 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="22"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8467,8 +9728,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="23 Hours"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="23"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8478,12 +9743,18 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
             </li>
           </ul>
           <ul
+            aria-label="Select a minute"
             class="rc-picker-time-panel-column"
             data-type="minute"
+            role="listbox"
           >
             <li
+              aria-disabled="false"
+              aria-label="0 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="0"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8492,8 +9763,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="1 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="1"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8502,8 +9777,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="2 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="2"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8512,8 +9791,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="3 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="3"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8522,8 +9805,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="4 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="4"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8532,8 +9819,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="5 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="5"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8542,8 +9833,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="6 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="6"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8552,8 +9847,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="7 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="7"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8562,8 +9861,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="8 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="8"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8572,8 +9875,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="9 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="9"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8582,8 +9889,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="10 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="10"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8592,8 +9903,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="11 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="11"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8602,8 +9917,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="12 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="12"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8612,8 +9931,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="13 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="13"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8622,8 +9945,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="14 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="14"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8632,8 +9959,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="15 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="15"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8642,8 +9973,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="16 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="16"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8652,8 +9987,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="17 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="17"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8662,8 +10001,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="18 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="18"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8672,8 +10015,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="19 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="19"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8682,8 +10029,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="20 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="20"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8692,8 +10043,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="21 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="21"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8702,8 +10057,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="22 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="22"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8712,8 +10071,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="23 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="23"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8722,8 +10085,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="24 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="24"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8732,8 +10099,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="25 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="25"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8742,8 +10113,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="26 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="26"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8752,8 +10127,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="27 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="27"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8762,8 +10141,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="28 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="28"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8772,8 +10155,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="29 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="29"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8782,8 +10169,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="30 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="30"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8792,8 +10183,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="31 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="31"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8802,8 +10197,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="32 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="32"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8812,8 +10211,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="33 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="33"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8822,8 +10225,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="34 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="34"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8832,8 +10239,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="35 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="35"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8842,8 +10253,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="36 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="36"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8852,8 +10267,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="37 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="37"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8862,8 +10281,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="38 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="38"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8872,8 +10295,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="39 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="39"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8882,8 +10309,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="40 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="40"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8892,8 +10323,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="41 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="41"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8902,8 +10337,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="42 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="42"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8912,8 +10351,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="43 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="43"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8922,8 +10365,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="44 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="44"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8932,8 +10379,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="45 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="45"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8942,8 +10393,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="46 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="46"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8952,8 +10407,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="47 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="47"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8962,8 +10421,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="48 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="48"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8972,8 +10435,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="49 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="49"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8982,8 +10449,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="50 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="50"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -8992,8 +10463,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="51 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="51"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9002,8 +10477,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="52 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="52"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9012,8 +10491,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="53 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="53"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9022,8 +10505,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="54 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="54"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9032,8 +10519,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="55 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="55"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9042,8 +10533,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="56 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="56"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9052,8 +10547,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="57 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="57"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9062,8 +10561,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="58 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="58"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9072,8 +10575,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="59 Minutes"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="59"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9083,12 +10590,18 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
             </li>
           </ul>
           <ul
+            aria-label="Select a second"
             class="rc-picker-time-panel-column"
             data-type="second"
+            role="listbox"
           >
             <li
+              aria-disabled="false"
+              aria-label="0 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="0"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9097,8 +10610,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="1 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="1"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9107,8 +10624,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="2 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="2"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9117,8 +10638,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="3 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="3"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9127,8 +10652,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="4 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="4"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9137,8 +10666,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="5 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="5"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9147,8 +10680,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="6 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="6"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9157,8 +10694,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="7 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="7"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9167,8 +10708,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="8 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="8"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9177,8 +10722,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="9 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="9"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9187,8 +10736,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="10 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="10"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9197,8 +10750,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="11 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="11"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9207,8 +10764,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="12 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="12"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9217,8 +10778,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="13 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="13"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9227,8 +10792,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="14 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="14"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9237,8 +10806,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="15 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="15"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9247,8 +10820,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="16 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="16"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9257,8 +10834,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="17 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="17"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9267,8 +10848,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="18 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="18"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9277,8 +10862,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="19 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="19"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9287,8 +10876,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="20 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="20"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9297,8 +10890,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="21 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="21"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9307,8 +10904,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="22 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="22"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9317,8 +10918,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="23 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="23"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9327,8 +10932,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="24 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="24"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9337,8 +10946,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="25 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="25"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9347,8 +10960,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="26 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="26"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9357,8 +10974,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="27 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="27"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9367,8 +10988,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="28 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="28"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9377,8 +11002,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="29 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="29"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9387,8 +11016,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="30 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="30"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9397,8 +11030,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="31 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="31"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9407,8 +11044,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="32 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="32"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9417,8 +11058,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="33 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="33"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9427,8 +11072,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="34 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="34"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9437,8 +11086,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="35 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="35"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9447,8 +11100,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="36 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="36"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9457,8 +11114,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="37 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="37"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9467,8 +11128,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="38 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="38"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9477,8 +11142,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="39 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="39"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9487,8 +11156,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="40 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="40"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9497,8 +11170,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="41 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="41"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9507,8 +11184,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="42 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="42"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9517,8 +11198,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="43 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="43"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9527,8 +11212,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="44 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="44"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9537,8 +11226,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="45 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="45"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9547,8 +11240,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="46 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="46"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9557,8 +11254,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="47 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="47"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9567,8 +11268,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="48 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="48"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9577,8 +11282,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="49 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="49"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9587,8 +11296,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="50 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="50"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9597,8 +11310,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="51 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="51"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9607,8 +11324,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="52 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="52"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9617,8 +11338,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="53 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="53"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9627,8 +11352,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="54 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="54"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9637,8 +11366,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="55 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="55"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9647,8 +11380,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="56 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="56"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9657,8 +11394,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="57 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="57"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9667,8 +11408,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="58 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="58"
+              role="option"
             >
               <div
                 class="customWrapper"
@@ -9677,8 +11422,12 @@ exports[`Picker.Panel override cell with cellRender when pass showTime 1`] = `
               </div>
             </li>
             <li
+              aria-disabled="false"
+              aria-label="59 Seconds"
+              aria-selected="false"
               class="rc-picker-time-panel-cell"
               data-value="59"
+              role="option"
             >
               <div
                 class="customWrapper"