Fix resetting to blank value

src/DateTime.js

@@ -520,6 +520,7 @@ export default class Datetime extends React.Component {
 	}
 
 	getInputValue() {
+		if ( this.props.value === '' ) return '';
 		let selectedDate = this.getSelectedDate();
 		return selectedDate ? selectedDate.format( this.getFormat('datetime') ) : this.state.inputValue;
 	}

src/playground/App.js

@@ -9,13 +9,14 @@ import Datetime from '../DateTime';
 
 class App extends React.Component { 
 	state = {
-		date: new Date()
+		value: '',
 	}
 
 	render() {
 		return (
 			<div>
-				<Datetime />
+				<button onClick={() => this.setState({value: ''})}>Reset</button>
+				<Datetime value={this.state.value} onChange={(value) => this.setState({value})} />
 			</div>
 		);
 	}

test/tests.spec.js

@@ -1408,6 +1408,20 @@ describe('Datetime', () => {
 				done();
 			});
 		});
+
+		it('should allow the value to be reset to blank', done => {
+			const value1 = moment('2022-08-10T13:49:22.121Z');
+
+			let component = utils.createDatetime({ value: value1 });
+			expect( component.instance().state.viewDate.toISOString() ).toBe(value1.toISOString());
+
+			component.setProps({ value: '' });
+			setTimeout( () => {
+				console.log(component.find('.form-control').getDOMNode().outerHTML);
+				expect(utils.getInputValue(component)).toEqual('');
+				done();
+			});
+		});
 	});
 
 	describe('View navigation', () => {