Angular7 + Clarity Datepicker customisation - datepicker

I'm working on an Angular 7 application with Project Clarity v1.0 as a design system.
I did many forms but facing some issue regarding Datepicker custom format.
I went through the documentation but there is no example or text about how to use custom date format, dis-allowed past/previous dates...etc something like ngx-bootstrap. They are mention each and everything about how much you can play around with date picker element.
Project Clarity Example
<form clrForm clrLayout="vertical">
<input type="date" [(clrDate)]="date" newFormLayout="true">
</form>
I tried, angular way to setup custom date format as described into Stack Answer, but nothing like works. Can anyone have an idea about this?

The Clarity Date Picker may not have all of the features of another date picker, and there are some enhancements in our backlog currently. If there is a specific issue that is missing, please search https://github.com/vmware/clarity/issues for existing issues or you may create a new one.
Also in this case, you shouldn't need to use newFormLayout="true" on the control since you are already using the clrForm directive on your form.
Custom date format: We use the locale from Angular to determine the format. This is not currently overridable beyond that.
Disallow date ranges: This is not currently supported, but issue is https://github.com/vmware/clarity/issues/3009.

Related

How I can customize a datepicker in Sulu?

Are there any methods to customize datepicker in Sulu via XML page config (e.g. I need to change date format)?
Sounds trivial, but http://docs.sulu.io/en/latest/reference/content-types/date.html says "No parameters available."
I am afraid to tell you that this is currently not possible... It would be nice if you create an issue on github also explaining the parameters you'd like to have.
And apart from that, the date format is based on the user language, so if the user has english as UI language he also gets the english formatted date. On the website you can use e.g. the date twig filter to format the date however you like.

Oracle Mobile MAF Date Time picker

I am using the regular input date-picker. But after selecting a date, there is no convenient way to confirm the selection. Something like a DONE button that will elegant than clicking anywhere outside to "select". Like the 'clear" button, which is there on the frame. Any suggestions where to get a good date-time picker?
I understand there is no easy Calendar-Date pickup available in MAF unless one installs the Cordova-PhoneGap-Calendar for iOS!
BTW, I found a good date-Picker in Oracle-Wiki (Link Below). In fact, I want something imilar,but either the given code is not the right one or I am missing something.
I have no idea, how to use the Oracle WiKi. Any help on a good Date-Time picker is appreciated.
https://wikis.oracle.com/display/ADFMobileDesign/Component+-+Input+Date

Zepto Datepicker Library

I've decided to ditch jQuery and go with Zepto for a mobile application that I am making with PhoneGap.
The problem is that most of the date pickers available rely on jQuery (Including the one I was using before). http://xdsoft.net/jqplugins/datetimepicker/
Does anybody know any good date pickers that work with zepto. The only requirement is that it looks OK.
I have successfully implemented http://trentrichardson.com/ but the UI is awful and I haven't found any documentation on how to change it from using dropdowns to a standard calendar view.
I have also used the following date picker but it seems limited in that it completely takes over the input you're using and I'm not sure how to get the input to display the date once it's been selected. https://gist.github.com/pamelafox/1765620
Any suggestions are appreciated! Thanks.
This one appears to be working with zepto only :)
(or at least the demo includes zepto only ;) ... (with the DateFormat library, but it's optional))
http://blog.pamelafox.org/2012/02/datepicker-for-twitter-bootstrap.html

Plone 4.2: DatePicker Widget with YY/MM/DD instead of DD/MM/YY

In my Plone 4.2 site the DatePicker (e.g. when adding a new "event") displays as YEAR MONTH DAY
However, I do have a German Website, where it should be the other way around. That is:
DAY MONTH YEAR. How can I change this?
PS German is already selected as default language from Plone's language control panel.
PPS I don't know if this is related in any way, but since this might be a localisation issue, I'd rather tell: I use raptus.multilanguageplone
edit: added correct image link | say, that this happens when adding/editing a new event
I can't see the image you added because the URL is expired. so I'm going to assume you mean for the add/edit form of an Archetype (In Plone 4.2 the default types are all Archetypes).
There seems to be no easy fix such as a site-wide setting in the control panel, but you can change the ordering in the calendar_macros.pt template. This however means you'll have to change the raw HTML.
To do this, you'll have to go to the Zope Management Interface (reached via the Site Setup page "Plone/##overview-controlpanel").
Then click on the "portal_skins tool" and then "plone_templates". Then click on "calendar_macros" and then click the "Customize" button.
Now you can change the ordering in the raw HTML/TAL.

Date picker troubleshooting

I am trying to fill an online form but the date pickers are not functioning properly. Several will not open and others will open but when I submit the form, it will not be sent claiming that some of the fields are not filled when I have used a date picker to fill them. The website belongs to someone else and I am only trying to fill in the online form.
If it's a datepicker your looking for, jQuery offers one of the best I have seen