Hi, which type of item can I control with the widget? I tried “number:time”, but it doesn’t work. The widget shows only “?:?”
…
Hi,
If you need a time input new opportunities have come up since this widget:
- component: oh-input
config:
style:
margin-top: 6px
font-size: large
width: 200px
item: =props.timeItem
type: time
sendButton: true
dateFormat: HH:mm
inputmode: text
validate: true
This will render this:
which can set a time value into a String item.
BR
this is, how it looks in my configuration:
this is the configuration:
An this is the item:
can u help me? What am i doing wrong
For me the widget works as it should, if the datetime item to be controlled already has a value. If the item is undefined, I get the same as you. For my use case this is a little unfortunate.
Thats how its supposed to be , problem is that it wont show time if item is NULL ie if no time/date stamp has been asigned to DateTime item.
Either create a rule to populate item or create a “manual” input card and use datetime for type .
I did it once , deleted the input card , setup mapdb persistence to carry over in reboot event and added To Today and Alarm Clock Rule to make morning tea 
edit : or edit the widget to your liking 
I dint like this because it has “send button” and than hides actual timestamp input when sent (at least i couldnt make it show time without header/footer ) , while this widget shows its stamp and can easily be used in one in all another widget with popup action (great for mobile screen limited space) when to switch something on/off
- component: oh-list-card
config: {}
slots:
default:
- component: oh-toggle-item
config:
action: popover
actionModal: widget: timepicker
actionModalConfig:
item: YourTimeDateItemPopulatedWithTimepicker
timeFormat: "24"
icon:
iconUseState: true
item: YourTimeControlledItem
title:
where you get your previous timestamp by widget default settings .
Hi,
The item you’re setting has to be String item. If you use DateTime the value disappears as you said.
BR
@Goran just a stupid question.
I’ve understood how to add a custom widget in developer tools.
And how to use the widget in a page.
But how and where can I insert this Code for an oh-list-card on a page?
- component: oh-list-card
config: {}
slots:
default:
- component: oh-toggle-item
config:
action: popover
actionModal: widget: timepicker
actionModalConfig:
item: YourTimeDateItemPopulatedWithTimepicker
timeFormat: "24"
icon:
iconUseState: true
item: YourTimeControlledItem
title:
in other words, what do I have to do here? Where can I paste the code above?
Create a widget out of your code and give it a name in dev tools , then using that big + on UI page, in popup menu that opens , scroll down and you will find your premade widget .
Other option is again using big + on UI page …“create list card” , + , "add list item " , and then edit YAML and paste your code.
Welcome to the club . It’s indentation problem , that’s how the code works .
Some lines must start at same column. First Config must be inline with component above and slots below . Default is indented few columns (usually hitting tab ). Second config is already in line with above component you dont have to move it…etc . Use space and backspace to organize it
As you indent it properly red underline will be removed .
component: oh-toggle-item
config:
action: toggle
actionModal: widget: your_time_widget
actionModalConfig:
item: tea
timeFormat: "24"
icon: your_icon
iconUseState: true
item: your_item_for_state_display
title:
actionItem: your_item_for_toggle_action
slots: null
My code was from wigdets dev tool. Appears UI needs a bit diff code . Try instead this code with UI blocks . And also “create list card” , + , "add list item " ← instead choose “toogle list item” to get a switch inside .
Im still new to this and still experimenting.
Thank you very much for the Widget. I got it working with a DateTime Item as mentioned above. The goal would be to run a rule every day on the time adjusted with the widget. Usually this is done with a cron job. However, only constants can be used to my knowledge. Has anybody got that working?
HI,
I use a cron job that runs every minute and compares the current time with the item value set by the widget. If they match I execute the logic. This approach survives even OH restart compared to the future jobs…
BR
hello everyone, i’m using this widget,but since the OH 4.0 has been released, and it uses jdk 17, this widget has stopped to work because nashorn binding doesn’t support jdk 17 the line to manipulate hours and minutes, is not working anymore.
is there a way to do the same thing using another scripting language?
in particular i would like to edit this one:
actionCommand: =(dayjs(items[props.OpeningTimeItem].state).add(1, 'hour').format('YYYY-MM-DDTHH:mm:ss.ZZ'))
@JustinG, i’ve seen you have helped another user about the dayjs some years ago, so i tagged you in this request.
@hmerk, have you already solved this on your rollershutter of main widget?
i’ve thought to treat the item like a setpoint item, but the time needs to be splitted and then joined again…in this is out of my little knowledge.
can anyone help me please?
There is no openHAB 4 release and please don‘t expect everything working on early SNAPSHOTS.
We have not looked into oh4 for the main widget and this will take more time.
Yes i meant oh4 snapshot release,and yes i know that could be “risky”…