dayjs mobx-state-tree types

datetime.ts

import dayjs from 'dayjs';
import { types } from 'mobx-state-tree';

export const DateTimeType = types.custom<string | dayjs.Dayjs, dayjs.Dayjs>({
    name: 'DateTime',
    isTargetType(value) {
        return dayjs.isDuration(value);
    },
    getValidationMessage(value) {
        if (dayjs(value).isValid()) return '';

        return `${value} + ' is not a Date`;
    },
    fromSnapshot(value) {
        if (!value) {
            return null;
        }

        if (dayjs.isDayjs(value)) {
            return value;
        }

        return dayjs(value);
    },
    toSnapshot(value) {
        if (dayjs.isDayjs(value)) {
            return value.toISOString();
        }

        return value;
    }
});

duration.ts

import dayjs from 'dayjs';
import { Duration } from 'dayjs/plugin/duration';
import { types } from 'mobx-state-tree';

/*
const DATE_FORMAT = "YYYY-MM-DD HH:mm:ss";
export const DateTime = types.custom({
  fromSnapshot: string => moment.utc(string, DATE_FORMAT).local(),
  toSnapshot: (mDate: moment.Moment) => mDate.format(DATE_FORMAT),
});
* */

export const DurationType = types.custom<Duration, Duration>({
    name: 'Duration',
    isTargetType(value) {
        // value = dayjs.isDuration(value) ? value : dayjs.duration(value);
        return dayjs.isDuration(value);
    },
    getValidationMessage(value: Duration) {
        if (dayjs.isDuration(value)) return '';

        return `${value} is not a Duration`;
    },
    fromSnapshot(value) {
        debugger;
        if (dayjs.isDuration(value)) {
            return value;
        }

        return dayjs.duration(value);
    },
    toSnapshot(value: any) {
        value = value === 'P0D' ? 0 : value;
        // debugger;
        if (dayjs.isDuration(value)) {
            return value;
        }

        return dayjs.duration(value);
    }
});