Time Picker component not visible in production Profile

Flow
12

Thank you for your answer. I will check.

13

I also checked html and saw that the timepicker ist empty:

14

image.png

15

Did you try to add this annotation @LoadDependenciesOnStartup on top of the class that implements AppShellConfigurator ?

16

The issue was a wrong annotation. It was using Route for a component instead of UIScope.
Issue solved. Thanks.

17

do you mind explaining further, I am having a similar issue

18

@faithful-emu
It seems that there are JS issues for me, and I guess it fails to set the value for DateTimePicker:
message.txt (10.1 KB)

19

image.png

20

The relevant code:

    public void updateFields(){
        nfId.setValue(0.0 + data.id);
        tfTitle.setValue(data.title);
        LocalDateTime localDateTime = data.msCreated.toLocalDateTime();
        UI ui = UI.getCurrent(); // not null
        dfMsCreated.setStep(Duration.ofMinutes(60));
        dfMsCreated.setValue(localDateTime);
        dfMsCreated.setValue(LocalDateTime.of(2020, 6, 12, 15, 45, 8));
        selStatus.setValue(data.status);
        selType.setValue(data.type);
    }
21

As you can see I tried different things already

22

See here: Discord

23

I tried that too

24

image.png

25

If this @LoadDependenciesOnStartup didn’t work then you should probably create another topic with more information

26

about how the datapicker is added in your view

27

Its worth to note that I am using Jetty, with VaadinBoot: https://github.com/mvysny/vaadin-boot

28

And if you have a sample to reproduce that would help

29

Just noticed this warnings in the console:

2024-03-11 13:25:48.998 [] ERROR com.vaadin.flow.component.internal.UIInternals - The component class com.vaadin.flow.component.datetimepicker.DateTimePickerTimePicker includes '@vaadin/time-picker/src/vaadin-time-picker.js' but this file was not included when creating the production bundle. The component will not work properly. Check that you have a reference to the component and that you are not using it only through reflection. If needed add a @Uses(DateTimePickerTimePicker.class) where it is used.
2024-03-11 13:25:48.999 [] ERROR com.vaadin.flow.component.internal.UIInternals - The component class com.vaadin.flow.component.datetimepicker.DateTimePickerDatePicker includes '@vaadin/date-picker/src/vaadin-date-picker.js' but this file was not included when creating the production bundle. The component will not work properly. Check that you have a reference to the component and that you are not using it only through reflection. If needed add a @Uses(DateTimePickerDatePicker.class) where it is used.
2024-03-11 13:25:49.000 [] ERROR com.vaadin.flow.component.internal.UIInternals - The component class com.vaadin.flow.component.datetimepicker.DateTimePicker includes '@vaadin/date-time-picker/src/vaadin-date-time-picker.js' but this file was not included when creating the production bundle. The component will not work properly. Check that you have a reference to the component and that you are not using it only through reflection. If needed add a @Uses(DateTimePicker.class) where it is used.
30

Ill try that out

31

I ran the prepare-frontend and build-frontent maven tasks and after that it seems to work