Error: Missing "./dist/esm/DateTimePicker.js" specifier in "react-datetime-picker" package

[jbarradas]

trafficstars

We are having a hard time with these imports. As mostly falls back to CJS.

To force ESM we tried a few imports:

import DateTimePicker, { DateTimePickerProps } from 'react-datetime-picker'; <-- returns CJS
import DateTimePicker, { DateTimePickerProps } from 'react-datetime-picker/dist/esm';
import DateTimePicker, { DateTimePickerProps } from 'react-datetime-picker/dist/esm/DateTimePicker';
import DateTimePicker, { DateTimePickerProps } from 'react-datetime-picker/dist/esm/DateTimePicker.js';
import DateTimePicker, { DateTimePickerProps } from 'react-datetime-picker/dist/esm/index.js';

Right now, vitest can't handle it, and it's returning the following error: Error: Missing "./dist/esm/DateTimePicker.js" specifier in "react-datetime-picker" package

Also, looking at your package.json exports, I see the following:

    ".": {
      "import": "./dist/esm/index.js",
      "require": "./dist/cjs/index.js"
    },
    "./dist/DateTimeInput": {
      "import": "./dist/esm/DateTimeInput.js",
      "require": "./dist/cjs/DateTimeInput.js"
    },
    "./dist/DateTimeInput.js": {
      "import": "./dist/esm/DateTimeInput.js",
      "require": "./dist/cjs/DateTimeInput.js"
    },
    "./dist/cjs/DateTimeInput": "./dist/cjs/DateTimeInput.js",
    "./dist/cjs/DateTimeInput.js": "./dist/cjs/DateTimeInput.js",
    "./dist/esm/DateTimeInput": "./dist/esm/DateTimeInput.js",
    "./dist/esm/DateTimeInput.js": "./dist/esm/DateTimeInput.js",
    "./dist/DateTimePicker.css": "./dist/DateTimePicker.css"
  }

This makes me wonder if you shouldn't being explicitly exporting the DateTimePicker instead of DateTimeInput? Especially because the latter is a dependency of the former.

Would appreciate any help folks! :)