Angular Date picker with custom validations? - javascript

I have an Angular app where I want to embed the calendar so that the user can pick among the dates available.
There are only some dates (like availability) that the user can pick.
I also want to give a visual indication about which dates can be picked.
Any suggestions how this can be implemented?

Related

Need to separate month and year input box while using stripe V7.2.0

I am using ngx-stripe Version 7.2.0 for UI in angular. Is there any way to separate Month and year and create two different text boxes in UI in angular 7 instead of one field?
This is not something that can be done as Stripe controls the UI used to collect the card details. This is part of their Elements product which helps you meet PCI compliance requirements easily and you can not split the expiration date in two fields.

Material UI Pickers with Formik for both Date and Time components with seconds

I am currently working on a React app together with Formik that requires the use date and time pickers. I am building the app using Material-UI and have been looking at Material-UI Pickers over at https://material-ui-pickers.dev/
Since I am new to React/Formik/Material-UI, I have the following questions:
Is it possible to use Material-UI Pickers together with Formik as I need to maintain state of all dates/time provided by user?
When it comes to the user input for both dates and times, I have a case when the user needs to enter both a date as well as time but in 24 hours format and also need to include seconds, i.e.
the format that I am after is: DD/MM/YYYY HH24:MI:SS
Is this possible with Material-UI Pickers as from what I could see in there demo, I didn't see the capability to add seconds?
I also have another scenario where the user input will just be a time component alone, again with seconds, just like in my previous question, i.e.:
HH24:MI:SS
I guess my main concern is, how do I allow a user to also provide the seconds SS as this is required?
Best Way to do it is using DatePicker(For setting dates) and Timepicker(Provides seconds feature also along with hour and min setting) both seperately , You can use Material UI Pickers with Formik , I have put it in a sandbox , you can refer it for implementing

Is there a Javascript date picker that allows me to select multiple dates based on a weekday?

I would like to able to select all Wednesdays in a given month by clicking on the day in the calendar UI. For example to schedule a meeting that occurs on every Wednesday. I would like the user to be able to just click on a day name rather than clicking every specific date.
I was wondering if anyone is aware of a Javascript date picker library that already has this feature or is this something I will have to write myself?
I've looked at a few multidate pickers available out there (http://multidatespickr.sourceforge.net/ for example) and they all have a feature to select a RANGE or the entire week however it seems that none of them support selection based on a specific week day.

Ready-made date picker in Javascript + HTML? (need: separate fields for DD, MM, YY plus calendar chooser)

I need such a form element: 3 separate drop-downs of Day, Month and Year, plus "calendar" button that shows calendar picker. Dropdowns should behave cleverly and know each other's state (e.g., no 31 February should be possible and leap years should be handled correctly). Calendar picker should show a little calendar, where user would pick a date and the pick would be passed to drop-downs.
I appreciate if you point me to an existing solution.
I intent NOT to use ExtJS or similar high-end framework, more on JQuery level.
Search for jquery demos on datepicker.
You will find a lot of datepickers along with the source code. You can select among them.
I use the jquery UI datepicker mostly.

Selecting Data on JavaScript popup menu using Selenium

I am using Selenium to test out a web site. The web site contains a date field, which when clicked, opens a popup from wherein I can choose the date.
My issue is that I wish to select a particular date using the Selenium IDE or Selenese. I have tried various methods, but have not been able to get a correct solution or been able to resolve it, except by manually specifying a date to the field in Selenese script. I am using Java to implement the test case.
An example could be checked by going to any airlines site and clicking on the date field for departure. The popup which comes up, I wish to capture a date on that. This could be a future date or the present date.
You need to implement some code that will navigate calendar to the desired date. Depending on the calendar appearance it may be required to navigate to the next month or year, so you need the code that will determine what needs to be done and then emulate required events for Selenium.
We had the same task in our tests and we end up with either selecting today's date or by entering the date into the field directly. We also made a code that will allow to select any date on the calendar by we did this only because we needed to test the calendar widget and we were the authors of the widget so we knew how it was made. However it resulted in writing a lot of code
Selenium IDE is limited in its ability to handle javascript. I've worked around it at times
by putting custom links in that do customized GETs, but it's a hack.
You could look at Sahi, which can do it. I haven't tried it though.
http://sahi.co.in/w/

Categories