MM-61382 Date/Time Picker Input Fix and Refactor (#31330)

e2e-tests/cypress/tests/integration/channels/custom_status/custom_status_expiry/custom_status_expiry_3_spec.ts

@@ -118,17 +118,19 @@ describe('MM-T4065 Setting manual status clear time less than 7 days away', () =
 
     it('MM-T4065_7 should show selected time in the time input field', () => {
         // * Check that the timepicker menu is not present and click to open it
-        cy.get('#custom_status_modal .dateTime__time-menu #expiryTimeMenu').should('not.exist');
-        cy.get('#custom_status_modal .dateTime__time-menu').click();
+        cy.get('#expiryTimeMenu').should('not.exist');
+
+        // # Click the time button
+        cy.get('#custom_status_modal #time_button').click();
 
         // * Check that the time picker menu is present
-        cy.get('#custom_status_modal .dateTime__time-menu #expiryTimeMenu').should('exist');
+        cy.get('#expiryTimeMenu').should('exist');
 
         // # Choose the last item in the time picker menu
-        cy.get('#custom_status_modal .dateTime__time-menu #expiryTimeMenu li').last().click();
+        cy.get('#expiryTimeMenu li').last().click();
 
         // * Check that the time input contains the correct time
-        cy.get('.dateTime__time-menu .dateTime__input time').should('have.text', '11:30 PM');
+        cy.get('#custom_status_modal #time_button time').should('have.text', '11:30 PM');
     });
 
     it('MM-T4065_8 should set custom status when click on Set Status', () => {

e2e-tests/cypress/tests/integration/channels/custom_status/custom_status_expiry/custom_status_expiry_4_spec.ts

@@ -112,7 +112,7 @@ describe('MM-T4066 Setting manual status clear time more than 7 days away', () =
         cy.get('.date-picker__popper').find(`.rdp-month button[aria-label="${dateToBeSelected.format('Do MMMM (dddd)')}"]`).click();
 
         // * Check that the date input should have the correct value
-        cy.get('input#customStatus__calendar-input').should('have.value', dateToBeSelected.format('YYYY-MM-DD'));
+        cy.get('#custom_status_modal [role="button"][aria-label*="Date"]').should('contain.text', dateToBeSelected.format('MMM DD'));
     });
 
     it('MM-T4066_7 should set custom status when click on Set Status', () => {