HiddenInputsForDatetimeSelect.jsx

// @flow
import React from 'react';

const splitTimeComponent = (t: Date): number[] => {
  return [
    t.getFullYear(),
    t.getMonth(),
    t.getDate(),
    t.getHours(),
    t.getMinutes()
  ];
};

export default splitTimeComponent;
type Props = {
  timestamp: number;
  model: string;
  attribute: string;
}
// TODO Write test
const HiddenInputsForDatetimeSelect = ({timestamp, model, attribute}: Props): React.Element<*> => {
  const [year, month, date, hours, minutes] = splitTimeComponent(new Date(timestamp * 1000));

  return (
    <div>
      <input type='hidden' value={year}      id={`${model}_${attribute}_1i`} name={`${model}[${attribute}(1i)]`}/>
      <input type='hidden' value={month + 1} id={`${model}_${attribute}_2i`} name={`${model}[${attribute}(2i)]`}/>
      <input type='hidden' value={date}      id={`${model}_${attribute}_3i`} name={`${model}[${attribute}(3i)]`}/>
      <input type='hidden' value={hours}     id={`${model}_${attribute}_4i`} name={`${model}[${attribute}(4i)]`}/>
      <input type='hidden' value={minutes}   id={`${model}_${attribute}_5i`} name={`${model}[${attribute}(5i)]`}/>
    </div>
  );
};

export default HiddenInputsForDatetimeSelect;