mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-10 22:14:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: New date selection on custom events

Browse Source
This commit is contained in:
alexsparkes
2024-03-22 21:26:51 +00:00
parent 953ce3fdea
commit e7630e9357
2 changed files with 55 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/features/greeting/options/GreetingOptions.jsx
View File

@@ -42,8 +42,8 @@ const GreetingOptions = () => {
const newEvent = {
id: 'widgets.greeting.halloween',
name: '',
month: 10,
date: 31,
month: 1,
date: 1,
};
// Add the new event to the array
@@ -183,29 +183,28 @@ const GreetingOptions = () => {
</div>
<div>
<div className="messageAction">
<div className="eventDateControl">
<label>Month</label>
<input
id="month"
type="number"
value={event.month}
onChange={(e) => {
const updatedEvent = { ...event, month: parseInt(e.target.value, 10) };
updateEvent(index, updatedEvent);
}}
/>
</div>
<div className="eventDateControl">
<label>Day</label>
<div className="eventDateSelection">
<label className="subtitle">Day:</label>
<input
id="day"
type="number"
type="tel"
value={event.date}
onChange={(e) => {
const updatedEvent = { ...event, date: parseInt(e.target.value, 10) };
updateEvent(index, updatedEvent);
}}
/>
<hr />
<label className="subtitle">Month:</label>
<input
id="month"
type="tel"
value={event.month}
onChange={(e) => {
const updatedEvent = { ...event, month: parseInt(e.target.value, 10) };
updateEvent(index, updatedEvent);
}}
/>
</div>
<Button
type="settings"