Mobile Typing Calendar example:

```jsx

class MobileTypingCalendarExample extends React.Component{

    constructor(props){
        super(props);
        this.state={
        }
    }

   
   handleNewDateChange(newDate) {
        this.setState({ newDateInput: newDate });
    }

    handleNewDateBlur(validDateErr) {
        this.setState({ validDateErr: validDateErr });
    }

    render(){
               
        return(
              <div className="atom-container">
                    <h3>MobileTypingCalendar:</h3><br />
                    <MobileTypingCalendar
                        onChangeNewDate={this.handleNewDateChange.bind(this)}
                        onBlurNewDate={this.handleNewDateBlur.bind(this)}
                        value={this.state.newDateInput}
                        name="Mobile Typing Calendar"
                        placeholder="ENTER DATE OF BIRTH IN DD/MM/YY FORMART"
                    />
                     <TextState messageType='inline-message'>
                        {this.state.validDateErr === true ? 'Invalid Date Input' : ''}
                    </TextState>
                </div>

        );
    }
    
};<MobileTypingCalendarExample />
```