Error

[Raul]

Hi, SfDateTimePicker and SfDateRangePicker throw and error when trying to open the dialog, and wont work properly. The error is:

Uncaught Format options or type given must be invalid

Error: Format options or type given must be invalid

[Sevvandhi Nagulan]

Hi Raul, 

Greetings from Syncfusion support. 

We checked the reported requirement by placing the DateRangePicker and DateTimePicker inside the Dialog even if we give the invalid format. While giving invalid format the error class will be added. So we could not reproduce the reported issue in our end. Kindy refer the below code, 

<SfDialog @bind-Visible="@isVisible" Width="400px" Height="400px" ShowCloseIcon="true" IsModal="true"> 

        <DialogEvents Opened="onOpen"></DialogEvents> 

        <DialogTemplates> 

            <Content> 

                <SfDateRangePicker Format="yyyy-MM-dd"> 

                </SfDateRangePicker> 

                <SfDateTimePicker TValue="DateTime?" Format="yyyy-MM-dd HH:mm"></SfDateTimePicker> 

            </Content> 

        </DialogTemplates> 

        <DialogButtons> 

            <DialogButton OnClick="@OkClick"> 

                <DialogButtonModel Content="OK" IsPrimary="true"></DialogButtonModel> 

            </DialogButton> 

            <DialogButton OnClick="@OkClick"> 

                <DialogButtonModel Content="Cancel"></DialogButtonModel> 

            </DialogButton> 

        </DialogButtons> 

    </SfDialog> 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-361077371 

If still issue persists, kindly revert us with the below details that help us to proceed further. 

1.       Whether you placed the DateRangePicker and DateTimePicker inside the grid edit template? 

2.       Share the sufficient code for reproducing the issue  

3.       If possible provide the issue reproducing sample or modify the above sample to replicate the issue 

Also, we have improved the localization. If you used the localization in your application, kindly refer the below UG link. 

https://blazor.syncfusion.com/documentation/common/localization/#server-side-application 

Regards, 

Sevvandhi N 

[Raul]

By opening the dialog I meant when I click the date icon the dialog to select the date wont open on either control, just on the regular date picker control.

[Raul]

Ive traced the error, it only shows up when I run the web app in a Docker container, if I ise kestrel those two components work fine, what could I do?

[Sevvandhi Nagulan]

Hi Raul, 

We have checked your reported issue by running the Blazor application in the Docker container. Also, we have prepared a sample for you reference that you can download from the below link.   

  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorAppDockerWasm1557642208 

We have added the Dock support from Visual Studio as in the below image. 

 

We request you share more detailed information such as simple application with issue.    

Please get back to us if you need any further assistance on this.  

Regards, 

Sevvandhi N 

[Raul]

Hi, dis you select linux linux container? This is crucial for the error to show up.

[Sevvandhi Nagulan]

Hi Raul, 

We are currently checking this issue in our end. Meanwhile, if you share you below details that help us to check the issue and provide the prompt solution in our end. 

1.       System configuration 

2.       Whether you have running the Blazor web application in the linux System(Os) with the Docker container. 

 

Regards, 

Sevvandhi N 

[Raul]

Hi, sorry for the super late reply. Im still facing the issue, here are my settings:

System OS: Windows 10

IDE: VS 2019

Docker Container: docker-compose with linux OS Target.

I think que problem is that linux doesnt use the same datetime format as windows hence the problem. But .net core is multiplatform so the components should work regardless the they are running on.

[Sevvandhi Nagulan]

Hi Raul, 

We are currently validating the reported issue. We will update further details with in two business days (4^th August,2020). We appreciate your patience until then. 

Regards, 

Sevvandhi N 

[Brian]

This is also a problem using an Azure app service based on a Linux App Service Plan.   I tested it with a Windows App Service plan and it works fine.

[Sevvandhi Nagulan]

Hi Raul, 

Thanks for the patience. 

We considered the reported issue as improvement in our end for DateTimePicker and DateRangePicker control. This support for DateRangePicker component will be include in volume 4 main release 2020, which will be expected to be rolled out on end of December 2020 and support for DateTimePicker component will be include in volume 3 main release 2020, which will be expected to be rolled out on end of September 2020. We appreciate your patience until then. 

You can now track the reported feature from the below feedback links, 

DateRangePicker: https://www.syncfusion.com/feedback/13896/ 

DateTimePicker: https://www.syncfusion.com/feedback/13223/ 

Regards, 

Sevvandhi N 

[Daniil]

The component does not work at all in the webassembly.

The attachment contains a basic empty webassebly template with a single component.

When trying to open the date picker's select date range panel, an error appears:

calendar-c52f82.min.js: 1 Uncaught TypeError: Cannot read property 'valueOf' of null

    at t.dayCell (calendar-c52f82.min.js: 1)

    at t.renderDays (calendar-c52f82.min.js: 1)

    at t.renderMonths (calendar-c52f82.min.js: 1)

    at t.createContentBody (calendar-c52f82.min.js: 1)

    at t.createContent (calendar-c52f82.min.js: 1)

    at t.renderCalendar (daterangepicker-c52f82.min.js: 1)

    at t.createCalendar (daterangepicker-c52f82.min.js: 1)

    at t.createControl (daterangepicker-c52f82.min.js: 1)

    at t.renderControl (daterangepicker-c52f82.min.js: 1)

    at t.createPopup (daterangepicker-c52f82.min.js: 1)

How can you sell your components if nothing more complicated than a button works properly?

There are new bugs with every new release. And they appear where they were not previously. You fix one you break another. Sorry for the harshness, but these bugs really slow down the work.

Attachment: BlazorApp1_e40efd3d.rar

[Sevvandhi Nagulan]

Hi Daniil, 

Sorry for the inconvenience caused. 

We have checked the reported issue and we have considered as a defect in our end. The fix for the issue will be included in the next patch release which is expected to be rolled out on 9^th September 2020. We thank you for spending your time to report the issue and helping us to improve our product. You can track the status of the issue using below feedback link. 

Feedback Link    : https://www.syncfusion.com/feedback/17611/ 

We appreciate your patience until then. 

Regards, 

Sevvandhi N