How To Automate Date Pickers | Playwright With TypeScript Tutorial 🎭| Part VII | LambdaTest

Watch this video to learn how to automate Date Pickers in Playwright using different methods with the help of live examples.

🔹 𝑾𝒉𝒂𝒕 𝒊𝒔 𝒂 𝑫𝒂𝒕𝒆 𝑷𝒊𝒄𝒌𝒆𝒓?
➡ Date picker is an essential component of web applications. A date picker is an input field that allows users to choose a single date or a range of dates (by selecting a start and end date).

Ｖɪᴅᴇᴏ Ｃʜᴀᴘᴛᴇʀꜱ 👀
0:00 Introduction
0:08 How to handle Date Pickers in Playwright?
0:46 Handling Date Pickers using the Fill method
4:59 Handling Date Pickers using the Moment method
29:16 Recap
30:07 Conclusion

📌Also, learn 📃
🔸 How do I select a date from the date picker?
🔸 What is Page in playwright?
🔸 How do you pick a date picker?

**𝑼𝒔𝒆𝒇𝒖𝒍 𝑫𝒐𝒄𝒔**

Sign Up for LambdaTest! It’s FREE 🙌

Register Now to Avail Bonanza Offerings 💎
+ Test websites and web apps on 3000+ real browsers over LambdaTest cloud
+ Trusted By 1M+ users, 500+ enterprises and 130+ countries
+ Online scalable Selenium Grid to perform Manual as well as Automation Testing
+ 100 minutes of free Web + Mobile Automation Testing
+ 60 minutes of free Live Interactive Testing per month
+ 10 Screenshot Tests per month
+ 10 Responsive Tests per month (Test a page across 50+ Device configurations with a single click)
+ Unlimited free testing on LT Browser

**𝑬𝒙𝒑𝒍𝒐𝒓𝒆**

**𝑺𝒐𝒄𝒊𝒂𝒍**

#playwrighttutorial #datepicker #lambdatest #playwrightautomation #playwright #microsoftplaywright #playwrightautomationtutorial #playwrightframework #playwrighttestingtool #playwrighttesting #playwrightjstutorial

Disclaimer:
This video features materials protected by the Fair Use guidelines of Section 107 of the Copyright Act. All rights reserved to © 2022 LambdaTest. Any illegal reproduction of this content will result in immediate legal action.

[MartinsJDPower]

This was quite helpful! Thanks a bunch!

[mayureshkelhar]

hello Koushik,

Thanks for all the videos you made available on youtube and all of them are really helpful . In this video, just want to know if you found any workaround for 6:04 ? Thanks!

[grantlane]

Hello Koushik.
I’m using Playwright with typescript. Could you recommend an alternative to Moment for date selectors please. The Moment site advised its end of life and to use something else. Will date-fns be ok with ts?

[HybridFox_Ava]

How to close the calendar after selecting the date?

[anucoonjan]

How can we put this selectDate function in a different custom command file and call it in our spec file in between tests pls.Thanks

[fardhanafirdhause]

you skipped an important part buddy. How to pick a date which is enabled in the calendar out of many disabled date?