search

mdehoog / Semantic-UI-Calendar

Calendar module for Semantic UI
MIT License
805 stars 126 forks source link

Add readonly option #59

Closed harogaston closed 7 years ago

harogaston commented 7 years ago

Self explanatory I guess. I would use an option to disable interaction with the component. As for now I'm using css property pointer-events:none to provide this functionality.

mdehoog commented 7 years ago

See #20.

horak commented 5 years ago

@mdehoog, you mention using the readonly option, yet adding that directly to the component property list is not working, neither is hideMobileKeyboard="true".

        <div className='admin-broadcast-scheduler'>
          <DateTimeInput
            readonly="true"
            name="dateTime"
            placeholder="Date Time"
            value={this.state.dateTime}
            iconPosition="left"
            minDate={Moment(new Date())}
            onChange={this.handleDateChange} />
        </div>

Do you have any suggestions or ideas on how to prevent my mobile keyboard from appearing?