blsmedia/bot
2
0
Fork 0
Code Activity

fix(viewer): 🐛 Fix date picker UI on iOS

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-03-14 16:48:11 +01:00
parent e4a3722c14
commit 8954730508
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/DateForm.tsx
View File

@@ -34,7 +34,8 @@ export const DateForm = ({
<p className="font-semibold mr-2">{labels?.from ?? 'From:'}</p> <p className="font-semibold mr-2">{labels?.from ?? 'From:'}</p>
)} )}
<input <input
className="focus:outline-none bg-transparent flex-1 w-full text-input" className="focus:outline-none flex-1 w-full text-input"
style={{ minHeight: '2rem', minWidth: '100px' }}
type={hasTime ? 'datetime-local' : 'date'} type={hasTime ? 'datetime-local' : 'date'}
onChange={(e) => onChange={(e) =>
setInputValues({ ...inputValues, from: e.target.value }) setInputValues({ ...inputValues, from: e.target.value })
@@ -48,7 +49,8 @@ export const DateForm = ({
<p className="font-semibold">{labels?.to ?? 'To:'}</p> <p className="font-semibold">{labels?.to ?? 'To:'}</p>
)} )}
<input <input
className="focus:outline-none bg-transparent flex-1 w-full text-input ml-2" className="focus:outline-none flex-1 w-full text-input ml-2"
style={{ minHeight: '2rem', minWidth: '100px' }}
type={hasTime ? 'datetime-local' : 'date'} type={hasTime ? 'datetime-local' : 'date'}
onChange={(e) => onChange={(e) =>
setInputValues({ ...inputValues, to: e.target.value }) setInputValues({ ...inputValues, to: e.target.value })