DatePicker focus and blur events are not being triggered

[pavithra-ramaswamy]

🐛 Bug Report

Tried to invoke a few event based functions except for onChange the rest are not being invoked.

For example the on focus and blur functions: let elemAttrs = { onFocusChange:(e) => this.onFocusChange(e), onFocus:(e) => this.onFocus(e), onBlur:(e) => this.onBlur(e) };

🤔 Expected Behavior

Focus and blur related event handlers should be triggered

😯 Current Behavior

onBlur, onFocus, onFocusChange are not being triggered correctly

💁 Possible Solution

🔦 Context

💻 Code Sample

const onFocusChange =() => { console.log("onFocusChange called"); }

const onFocus =() => { console.log("onFocus called"); }

const onBlur =() => { console.log("onBlur called"); }

let elemAttrs = { ...., onFocusChange:(e) => this.onFocusChange(e), onFocus:(e) => this.onFocus(e), onBlur:(e) => this.onBlur(e) };

<DatePicker {...elemAttrs} />

🌍 Your Environment

Software	Version(s)
react-spectrum	3.19.0
Browser	Chrome
Operating System	MacOS

🧢 Your Company/Team

🕷 Tracking Issue (optional)

[snowystinger]

reproduced here: https://codesandbox.io/s/elegant-dew-0xitgj?file=/src/App.js

[makarandkeer]

I am also facing same problem of onBlur not getting invoked. Any ETA on fix?

[joshuajaco]

We are facing the same problem using the useTimeField hook. onBlur is not being called.

[ktabors]

@joshuajaco thanks for the info. The draft pr linked to should fix this for the react-aria date hooks and the React Spectrum date components.