I am trying to show a datefield picker manually when a certain condition is met.
Ext.getCmp('datef').getPicker().show();
This is working fine, but the problem is the alignment of the picker. It's always appearing in the center of the browser window but i would like it to appear under the datepicker.
Here is a fiddle https://fiddle.sencha.com/#view/editor&fiddle/1mh5
How can i ensure the picker always appears aligned under the datefield when i manually show it in the code ?
I think it's easier to invoke expand that already has all the functionality of aligning
Ext.getCmp('datef').expand();
Related
I'm working with MUI DataGrid, I need to render a custom calendar column. Everything seems to be working as expected, but... . the calendar picker is hidden by the table boundaries, this image illustrates better the situation.
I've been tried changing between different positions of the render element, but it does not work, please take a look on this code sandbox.
https://codesandbox.io/s/datagrid-react-modern-calendar-8v432y
What can I do to do not overflow the table boundaries, and show the calendar picker on top of everything?
Thanks a bunch for your help.
I would like to use the DateTimePicker component from #material-ui/pickers without having to render a TextField. In the designs for the feature I am working on, the date picker is brought up by pressing a button, not a text field.
It seems that the picker is always rendered as a TextField. When focused, the actual date/time picker shows up.
The documentation shows an example of how to programmatically open the picker https://material-ui-pickers.dev/guides/controlling-programmatically. The problem is that it still comes with a TextField.
I have also seen you can use individual pieces of the picker like Calendar or ClockView to build your own. Ideally, I'd rather avoid reinventing the wheel as much as possible.
Thanks!
Date picker work perfectly with keyboard,
If I use the mouse, it's not working in my red area (screen my screenshot)
I used this one :
https://github.com/Hacker0x01
See the screen below :
The bleu area works, the date is set well, probably because behind I have the toolbar instead of an input
but if I click on the red part, the value is not set and it focus my draftJs editor behind.
Have you looked into zIndex? If that doesn't work try disabling the textbox when the date picker is open.
I've faced a bug last week on a native iOS picker.
I'm using it to select a model for some documents, and when I click the picker, the first entry is selected. But if I click on the OK button, my picker show that nothing is selected.
I need to scroll the picker content a bit to select the first element. Is it a normal iOS behavior or must I set something to achieve the autoselection of the first element when the ok button is pressed ?
Using the lightweight mode with the last CN1 update solve the problem on iOS.
i need to hide the inputEl of a ExtJS 4.2 datefield. I want to hide the input because i have to do a lot of modify of the page when the user select a date from the datepicker.
Anyone know the fast method for do that?
Sorry for the delay and for the horrible form of the question: what i want and what i realize is only to reproduce the behavior of the extjs dateTrigger present in the extjs datefield. I resolve my problem using an HTML button and in the onClick i open an 'Ext.menu.DatePicker'.