@vaadin/vaadin-date-time-picker 22.0.0-alpha6 → 22.0.0-beta1

package/package.json

@@ -1,10 +1,29 @@
 {
   "name": "@vaadin/vaadin-date-time-picker",
-  "version": "22.0.0-alpha6",
+  "version": "22.0.0-beta1",
+  "publishConfig": {
+    "access": "public"
+  },
   "description": "vaadin-date-time-picker",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vaadin/web-components.git",
+    "directory": "packages/vaadin-date-time-picker"
+  },
+  "author": "Vaadin Ltd",
+  "homepage": "https://vaadin.com/components",
+  "bugs": {
+    "url": "https://github.com/vaadin/vaadin-date-time-picker/issues"
+  },
   "main": "vaadin-date-time-picker.js",
   "module": "vaadin-date-time-picker.js",
-  "repository": "vaadin/vaadin-date-time-picker",
+  "files": [
+    "src",
+    "theme",
+    "vaadin-*.d.ts",
+    "vaadin-*.js"
+  ],
   "keywords": [
     "Vaadin",
     "vaadin-date-time-picker",
@@ -12,35 +31,8 @@
     "web-component",
     "polymer"
   ],
-  "author": "Vaadin Ltd",
-  "license": "Apache-2.0",
-  "bugs": {
-    "url": "https://github.com/vaadin/vaadin-date-time-picker/issues"
-  },
-  "homepage": "https://vaadin.com/components",
-  "files": [
-    "vaadin-*.d.ts",
-    "vaadin-*.js",
-    "src",
-    "theme"
-  ],
   "dependencies": {
-    "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-custom-field": "^22.0.0-alpha6",
-    "@vaadin/vaadin-date-picker": "^22.0.0-alpha6",
-    "@vaadin/vaadin-element-mixin": "^22.0.0-alpha6",
-    "@vaadin/vaadin-lumo-styles": "^22.0.0-alpha6",
-    "@vaadin/vaadin-material-styles": "^22.0.0-alpha6",
-    "@vaadin/vaadin-themable-mixin": "^22.0.0-alpha6",
-    "@vaadin/vaadin-time-picker": "^22.0.0-alpha6"
-  },
-  "devDependencies": {
-    "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/testing-helpers": "^0.3.0",
-    "sinon": "^9.2.1"
-  },
-  "publishConfig": {
-    "access": "public"
+    "@vaadin/date-time-picker": "22.0.0-beta1"
   },
-  "gitHead": "4b136b1c7da8942960e7255f40c27859125b3a45"
+  "gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
 }

package/src/vaadin-date-time-picker.d.ts

@@ -1,230 +1,18 @@
-import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
-
-import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-import { DateTimePickerEventMap, DateTimePickerI18n } from './interfaces';
-
 /**
- * `<vaadin-date-time-picker>` is a Web Component providing a date time selection field.
- *
- * ```html
- * <vaadin-date-time-picker value="2019-09-16T15:00"></vaadin-date-time-picker>
- * ```
- *
- * ```js
- * dateTimePicker.value = '2019-09-16T15:00';
- * ```
- *
- * When the selected `value` is changed, a `value-changed` event is triggered.
- *
- * ### Styling
- *
- * The following shadow DOM parts are available for styling:
- *
- * Part name | Description | Theme for Element
- * ----------|-------------|------------------
- * `date` | Date picker element | vaadin-date-time-picker
- * `time` | Time picker element | vaadin-date-time-picker
- *
- * The following state attributes are available for styling:
- *
- * Attribute | Description | Part name
- * ----------|-------------|----------
- * `disabled` | Set when the element is disabled | :host
- * `readonly` | Set when the element is read-only | :host
- *
- * See [ThemableMixin – Stylable Shadow Parts](https://github.com/vaadin/vaadin-themable-mixin#stylable-shadow-parts)
- *
- * ### Internal components
- *
- * In addition to `<vaadin-date-time-picker>` itself, the following internal
- * components are themable:
- *
- * - `<vaadin-date-time-picker-date-picker>` - has the same API as [`<vaadin-date-picker>`](#/elements/vaadin-date-picker).
- * - `<vaadin-date-time-picker-time-picker>` - has the same API as [`<vaadin-time-picker>`](#/elements/vaadin-time-picker).
- * - `<vaadin-date-time-picker-date-text-field>` - has the same API as [`<vaadin-text-field>`](#/elements/vaadin-text-field).
- * - `<vaadin-date-time-picker-time-text-field>` - has the same API as [`<vaadin-text-field>`](#/elements/vaadin-text-field).
- * - `<vaadin-date-time-picker-custom-field>` - has the same API as [`<vaadin-custom-field>`](#/elements/vaadin-custom-field).
- *
- * Note: the `theme` attribute value set on `<vaadin-date-time-picker>` is
- * propagated to the internal components listed above.
- *
- * @fires {Event} change - Fired when the user commits a value change.
- * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
- * @fires {CustomEvent} value-changed - Fired when the `value` property changes.
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-declare class DateTimePickerElement extends ElementMixin(ThemableMixin(HTMLElement)) {
-  /**
-   * The name of the control, which is submitted with the form data.
-   */
-  name: string | null | undefined;
-
-  /**
-   * Set to true if the value is invalid.
-   */
-  invalid: boolean;
-
-  /**
-   * Set to true to mark the input as required.
-   */
-  required: boolean;
-
-  /**
-   * The error message to display when the input is invalid.
-   * @attr {string} error-message
-   */
-  errorMessage: string | null | undefined;
-
-  /**
-   * The value for this element.
-   *
-   * Supported date time format is based on ISO 8601 (without a time zone designator):
-   * - Minute precision `"YYYY-MM-DDThh:mm"` (default)
-   * - Second precision `"YYYY-MM-DDThh:mm:ss"`
-   * - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"`
-   */
-  value: string;
-
-  /**
-   * The earliest allowed value (date and time) that can be selected. All earlier values will be disabled.
-   *
-   * Supported date time format is based on ISO 8601 (without a time zone designator):
-   * - Minute precision `"YYYY-MM-DDThh:mm"`
-   * - Second precision `"YYYY-MM-DDThh:mm:ss"`
-   * - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"`
-   */
-  min: string | undefined;
-
-  /**
-   * The latest value (date and time) that can be selected. All later values will be disabled.
-   *
-   * Supported date time format is based on ISO 8601 (without a time zone designator):
-   * - Minute precision `"YYYY-MM-DDThh:mm"`
-   * - Second precision `"YYYY-MM-DDThh:mm:ss"`
-   * - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"`
-   */
-  max: string | undefined;
-
-  /**
-   * A placeholder string for the date field.
-   * @attr {string} date-placeholder
-   */
-  datePlaceholder: string | null | undefined;
-
-  /**
-   * A placeholder string for the time field.
-   * @attr {string} time-placeholder
-   */
-  timePlaceholder: string | null | undefined;
-
-  /**
-   * String used for the helper text.
-   * @attr {string} helper-text
-   */
-  helperText: string | null | undefined;
-
-  /**
-   * Specifies the number of valid intervals in a day used for
-   * configuring the items displayed in the time selection box.
-   *
-   * It also configures the precision of the time part of the value string. By default
-   * the component formats time values as `hh:mm` but setting a step value
-   * lower than one minute or one second, format resolution changes to
-   * `hh:mm:ss` and `hh:mm:ss.fff` respectively.
-   *
-   * Unit must be set in seconds, and for correctly configuring intervals
-   * in the dropdown, it need to evenly divide a day.
-   *
-   * Note: it is possible to define step that is dividing an hour in inexact
-   * fragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is
-   * not recommended to use it for better UX.
-   */
-  step: number | null | undefined;
-
-  /**
-   * Date which should be visible in the date picker overlay when there is no value selected.
-   *
-   * The same date formats as for the `value` property are supported but without the time part.
-   * @attr {string} initial-position
-   */
-  initialPosition: string | null | undefined;
+import { DateTimePicker } from '@vaadin/date-time-picker/src/vaadin-date-time-picker.js';
 
-  /**
-   * Set true to display ISO-8601 week numbers in the calendar. Notice that
-   * displaying week numbers is only supported when `i18n.firstDayOfWeek`
-   * is 1 (Monday).
-   * @attr {boolean} show-week-numbers
-   */
-  showWeekNumbers: boolean | null | undefined;
-
-  /**
-   * String used for the label element.
-   */
-  label: string;
-
-  /**
-   * Set to true to prevent the overlays from opening automatically.
-   * @attr {boolean} auto-open-disabled
-   */
-  autoOpenDisabled: boolean | null | undefined;
-
-  /**
-   * Set to true to disable this element.
-   */
-  disabled: boolean;
-
-  /**
-   * Set to true to make this element read-only.
-   */
-  readonly: boolean;
-
-  /**
-   * Specify that this control should have input focus when the page loads.
-   */
-  autofocus: boolean;
-
-  /**
-   * The object used to localize this component.
-   * To change the default localization, replace the entire
-   * `i18n` object or just the properties you want to modify.
-   *
-   * The object is a combination of the i18n properties supported by
-   * [`<vaadin-date-picker>`](#/elements/vaadin-date-picker) and
-   * [`<vaadin-time-picker>`](#/elements/vaadin-time-picker).
-   */
-  i18n: DateTimePickerI18n;
-
-  /**
-   * Returns true if `value` is valid, and sets the `invalid` flag appropriately.
-   *
-   * @returns True if the value is valid.
-   */
-  validate(): boolean;
-
-  /**
-   * Returns true if the current input value satisfies all constraints (if any)
-   *
-   * You can override the `checkValidity` method for custom validations.
-   */
-  checkValidity(): boolean;
-
-  addEventListener<K extends keyof DateTimePickerEventMap>(
-    type: K,
-    listener: (this: DateTimePickerElement, ev: DateTimePickerEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
-  ): void;
-
-  removeEventListener<K extends keyof DateTimePickerEventMap>(
-    type: K,
-    listener: (this: DateTimePickerElement, ev: DateTimePickerEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
-  ): void;
-}
+/**
+ * @deprecated Import `DateTimePicker` from `@vaadin/date-time-picker` instead.
+ */
+export type DateTimePickerElement = DateTimePicker;
 
-declare global {
-  interface HTMLElementTagNameMap {
-    'vaadin-date-time-picker': DateTimePickerElement;
-  }
-}
+/**
+ * @deprecated Import `DateTimePicker` from `@vaadin/date-time-picker` instead.
+ */
+export const DateTimePickerElement: typeof DateTimePicker;
 
-export { DateTimePickerElement };
+export * from '@vaadin/date-time-picker/src/vaadin-date-time-picker.js';