Announcement

**Blama** · 22 Sep 2020, 05:01

I also reproduced the issue in a SmartGWT BuiltInDS based sample, in case you want to try this as well:

Code:

package com.smartgwt.sample.client;

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.Version;
import com.smartgwt.client.core.KeyIdentifier;
import com.smartgwt.client.data.Criteria;
import com.smartgwt.client.data.DataSource;
import com.smartgwt.client.util.Page;
import com.smartgwt.client.util.PageKeyHandler;
import com.smartgwt.client.util.SC;
import com.smartgwt.client.widgets.IButton;
import com.smartgwt.client.widgets.Window;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.events.ClickHandler;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.ButtonItem;
import com.smartgwt.client.widgets.form.fields.DateItem;
import com.smartgwt.client.widgets.form.fields.DateTimeItem;
import com.smartgwt.client.widgets.form.fields.FormItem;
import com.smartgwt.client.widgets.layout.VLayout;
import com.smartgwt.client.widgets.tab.Tab;
import com.smartgwt.client.widgets.tab.TabSet;

public class BuiltInDS implements EntryPoint {
    private VLayout mainLayout;
    private IButton recreateBtn;

    public void onModuleLoad() {
        KeyIdentifier debugKey = new KeyIdentifier();
        debugKey.setCtrlKey(true);
        debugKey.setKeyName("D");

        Page.registerKey(debugKey, new PageKeyHandler() {
            public void execute(String keyName) {
                SC.showConsole();
            }
        });

        mainLayout = new VLayout(20);
        mainLayout.setWidth100();
        mainLayout.setHeight100();

        recreateBtn = new IButton("Recreate");
        recreateBtn.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                recreate();
            }
        });
        mainLayout.addMember(recreateBtn);
        recreate();
        mainLayout.draw();
    }

    private void recreate() {
        Window w = new Window();
        w.setWidth("95%");
        w.setHeight("95%");
        w.setMembersMargin(0);
        w.setModalMaskOpacity(70);
        w.setTitle(" (" + Version.getVersion() + "/" + Version.getSCVersionNumber() + ")");
        w.setTitle("Problem with DateItems on Mobile" + w.getTitle());
        w.setShowMinimizeButton(false);
        w.setIsModal(true);
        w.setShowModalMask(true);
        w.centerInPage();
        TabSet ts = new TabSet();
        ts.setHeight100();
        ts.setWidth100();
        ts.addTab(new Tab("DI_Mobile") {
            {
                setPane(new MyDF(new DateItem("nextShipment") {
                    {
                        setUseTextField(true);
                        setBrowserInputType("date");
                    }
                }));
            }
        });
        ts.addTab(new Tab("DI") {
            {
                setPane(new MyDF(new DateItem("nextShipment") {
                    {
                        setUseTextField(true);
                    }
                }));
            }
        });
        ts.addTab(new Tab("DTI_Mobile") {
            {
                setPane(new MyDF(new DateTimeItem("nextShipment") {
                    {
                        setUseTextField(true);
                        setBrowserInputType("datetime");
                    }
                }));
            }
        });
        ts.addTab(new Tab("DTI") {
            {
                setPane(new MyDF(new DateTimeItem("nextShipment") {
                    {
                        setUseTextField(true);
                    }
                }));
            }
        });

        w.addItem(ts);
        w.show();
    }

    private class MyDF extends DynamicForm {
        public MyDF(FormItem nextShipment) {
            super();
            setDataSource(DataSource.get("supplyItem"));
            setAutoFetchData(true);
            setInitialCriteria(new Criteria("SKU", "58074604"));
            setCanEdit(true);
            setCanHover(true);

            FormItem itemID = new FormItem("itemID");
            FormItem itemName = new FormItem("itemName");
            FormItem sku = new FormItem("SKU");
            FormItem inStock = new FormItem("inStock");
            ButtonItem saveBtn = new ButtonItem("save", "Speichern");
            saveBtn.addClickHandler(new com.smartgwt.client.widgets.form.fields.events.ClickHandler() {
                @Override
                public void onClick(com.smartgwt.client.widgets.form.fields.events.ClickEvent event) {
                    MyDF.this.saveData();
                }
            });

            setFields(itemID, itemName, sku, inStock, nextShipment, saveBtn);
        }
    }
}

**Isomorphic** · 23 Sep 2020, 02:20

We fixed a few things in this area - an internal conversion issue between formats, potentially null startDate and endDate on 'native' items, and missing styling on the NativeDateTimeItem in the sample.

Please retest with a build dated September 24 or later.

**Blama** · 28 Sep 2020, 00:39

Hi Isomorphic,

I retested using v12.0p_2020-09-26 and all regarding my #1 is looking good in the modified showcase sample. I'll test with my application as well.
One thing I noticed:
I normal SmartGWT datepicker/datetimepicker takes long to show in the modified sample or just here.
Also, I get this in the Win10 Chromium 85 console:

Code:

[Violation] 'mouseup' handler took 604ms
[Violation] Forced reflow while executing JavaScript took 33ms
ISC_Core.js?isc_version=v12.0p_2020-09-26.js:1832 [Violation] 'setTimeout' handler took 71ms

Best regards
Blama

**Blama** · 28 Sep 2020, 02:10

Hi Isomorphic,

the issue from #1 seems to be fixed for me in phoneGap iOS 14 as well.

Thank you & Best regards
Blama

Announcement

12.0p/12.1p Problem with DateItem and browserInputType

Comment

Comment

Comment

Comment