import { createElement, render, useRef } from 'rax';
import DriverUniversal from 'driver-universal';
import Text from 'rax-text';
import View from 'rax-view';
import { Form, Button, DatePickerField } from '@alifd/meet';

import '../../components/index.css';

const FormDemo = () => {
  const form = useRef(null);

  const today = new Date();
  const sevenDays = new Date(today.getTime() + 7 * 24 * 3600 * 1000);

  const handleClick = () => {
    const rand = Math.floor(Math.random() * 7) * 24 * 3600 * 1000;
    const newDate = new Date(today.getTime() + rand);
    form.current.setValue({
      date: newDate,
    });
  };

  return (
    <View>
      <Form ref={form}>
        <DatePickerField name="date" label="选择日期" validRange={[today, sevenDays]} showTime={true} />
      </Form>
      <Button onClick={handleClick}>设置</Button>
    </View>
  );
};

// render(<FormDemo />, null, { driver: DriverUniversal });
 export default FormDemo