<commit_before># datetime-picker

## What does it do?
**datetime-picker** is a picker for date and time for **[Polymer](https://github.com/Polymer/polymer)**, that prefers to use the native input. This element is for using the *native* date-picker, if it exists, or to replace it by a CustomElement.

## Motivation
Internally it uses two input-elements, that are initially set to type *date* and *time*. If the Browser leaves these attributes as they are, then it will be assumed that native *date*- and *time*-inputs are available. If it won't, an element *(calendar-element)* will be loaded and displayed instead. **calendar-element** can also be used separately.
It might be useful for you to use, if you like to keep the native approach of Browsers like in Chrome for Desktop or Mobile, or you like to have a different look and you are using *Polymer* already. 
Because this approach just loads, when it needs to, it is also efficient. Without *gzip* or minifying, *date-picker* got a size of about 3kB and *calendar-element* about 17kB. If you are using it in a minifying process and send the Files compressed, *date-picker* is about just 1 kB and *calendar-element* about 4kB.

## How?
The **[component page](https://fooloomanzoo.github.io/datetime-picker/components/datetime-picker/)** explains, which of the attributes you can use and how. You can see there a **Demo**, too.

You can use it stand-alone or as a range of dates. Examples:

### Force to use the polyfill
<!--
```
<custom-element-demo>
  <template>
    <link rel="import" href="my-element.html">
    <link rel="import" href="../other-element/other-element.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->

```html
<datetime-picker use-not-native></datetime-picker>
```
<commit_msg>Revert "Update README.md"<commit_after># datetime-picker

## What does it do?
**datetime-picker** is a picker for date and time for **[Polymer](https://github.com/Polymer/polymer)**, that prefers to use the native input. This element is for using the *native* date-picker, if it exists, or to replace it by a CustomElement.

## Motivation
Internally it uses two input-elements, that are initially set to type *date* and *time*. If the Browser leaves these attributes as they are, then it will be assumed that native *date*- and *time*-inputs are available. If it won't an element *(calendar-element)* will be loaded and displayed instead. **calendar-element** can also be used separat.
It might be useful for you to use, if you like to keep the native approach of Browsers like in Chrome for Desktop or Mobile, or you like to have a different look and you are using *Polymer* already. 
Because this approach just loads, when it needs to, it is also efficient. Without *gzip* or minifying, *date-picker* got a size of about 3kB and *calendar-element* about 17kB. If you are using it in a minifying process and send them compressed, *date-picker* is about just 1 kB and *calendar-element* about 4kB.

## How?
The **[component page](https://fooloomanzoo.github.io/datetime-picker/components/datetime-picker/)** explains, which of the attributes you can use and how. You can see there a **Demo**, too.

You can use it stand-alone or as a range of dates. Examples:

### Force to use the polyfill
<!--
```
<custom-element-demo>
  <template>
    <link rel="import" href="my-element.html">
    <link rel="import" href="../other-element/other-element.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->

```html
<datetime-picker use-not-native></datetime-picker>
```

{'fraction_non_alphanumeric': 0.11411077094350125, 'fraction_numerical': 0.0027831895352073478, 'mean_word_length': 4.2620790629575405, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2572988', 'n_tokens_mistral': 1043, 'n_tokens_neox': 1000, 'n_words': 477}