semantic-ui-calendar-react/src/views/Calendar.js

date/time picker built from semantic-ui elements

import React from 'react';
import { Table } from 'semantic-ui-react';
import PropTypes from 'prop-types';

class Calendar extends React.Component {
  render() {
    const {
      children,
      inline,
      ...rest
    } = this.props;
    const style = {
      // Prevent poped up picker from beeing outlined on focus.
      // Inline picker should be outlined when in focus.
      outline: inline ? undefined : 'none',
    };
    return (
      <Table
        style={style}
        unstackable
        celled
        {...rest}
        textAlign="center">
        { children }
      </Table>
    );
  }
}

Calendar.propTypes = {
  children: PropTypes.node.isRequired,
};

export default Calendar;