open-index/open-npm huggingface dataset:
npm package: @jeyserver/react-phonenumber-select
Description: Telephone number with country selector React component
Author: Mehdi Najafi
Latest version: 2.0.0

# react-phonenumber-select

> Telephone number input React component. Made with jquery and select2.

[![NPM](https://img.shields.io/npm/v/@jeyserver/react-phonenumber-select.svg)](https://www.npmjs.com/@jeyserver/react-phonenumber-select) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

<img alt="React" src="https://img.shields.io/badge/react%20-%2320232a.svg?&style=for-the-badge&logo=react&logoColor=%2361DAFB"/> <img alt="TypeScript" src="https://img.shields.io/badge/typescript%20-%23007ACC.svg?&style=for-the-badge&logo=typescript&logoColor=white"/> <img alt="jQuery" src="https://img.shields.io/badge/jquery%20-%230769AD.svg?&style=for-the-badge&logo=jquery&logoColor=white"/>

## Install

```bash
npm i @jeyserver/react-phonenumber-select
```

## Usage

```jsx
import React, { useState } from 'react'
import { ReactPhonenumber } from 'reactphonenumber2'

const countries = [
  { code: 'IR', name: 'Iran', dialingCode: '98' },
  { code: 'AF', name: 'Afghanistan', dialingCode: '93' },
  { code: 'AL', name: 'Albania', dialingCode: '213' },
  { code: 'AS', name: 'American Samoa', dialingCode: '1684' }
]

const App = () => {
  const [phoneNumber, setphoneNumber] = useState<string>('')

  const changePhoneNumber = (phoneNumber: string, selected:any) => {
    console.log(JSON.stringify({
      phoneNumber, selected
    }, null, 2))
  }

  return (
    <div>
      <ReactPhonenumber
        onChange={changePhoneNumber}
        countries={countries}
        defaultCode="IR"
      />
    </div>
  )
}

export default App
```
npm package: @jeysonlesmes/age-range-filter
Description: Filters dropdown of age range based on the filter-section package.
Author: Jeyson Lesmes
Latest version: 1.0.2

# age-range-filter

> Filters dropdown of age range based on the filter-section package.

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
npm package: @jeysonlesmes/filter-section
Description: Filters deployable and adapted for mobile with Vue
Author: Jeyson Lesmes
Latest version: 1.0.4

# filters

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
npm package: @jeysonlesmes/ngx-airbnb-calendar
Description: You can find online running demo [here](https://codesandbox.io/s/ngx-airbnb-calendar-m556t).
Author: Jan Kuri
Latest version: 0.9.0

# AirbnbCalendar

You can find online running demo [here](https://codesandbox.io/s/ngx-airbnb-calendar-m556t).

## Usage

Install or add via `ng`

```sh
ng add ngx-airbnb-calendar
```

Then add `AirbnbCalendarModule` into your `AppModule`

```ts
import { AirbnbCalendarModule } from 'ngx-airbnb-calendar';

@NgModule({
  imports: [BrowserModule, AirbnbCalendarModule],
  declarations: [AppComponent]
})
export class AppModule {}
```

Set options in your component:

```ts
import { Component } from '@angular/core';
import { CalendarOptions } from 'ngx-airbnb-calendar';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html'
})
export class AppComponent {
  options: CalendarOptions = {
    firstCalendarDay: 1,
    format: 'dd-LL-yyyy'
  };
}
```

And use `airbnb-calendar` directive on your `<input />`

```html
<input type="text" [(ngModel)]="value" airbnb-calendar [options]="options" />
```

### Available Options

| **Option**       | **Description**                                                             | **Value Type** | **Default Value** |
| ---------------- | --------------------------------------------------------------------------- | -------------- | ----------------- |
| minDate          | Minimum date available for selection                                        | Date           | null              |
| maxDate          | Maximum date available for selection                                        | Date           | null              |
| minYear          | Minimal shown year in calendar                                              | number         | null              |
| maxYear          | Maximum shown year in calendar                                              | number         | null              |
| format           | `date-fns` format used to generate ngModel value                            | string         | yyyy/LL/dd        |
| formatTitle      | `date-fns` format used to display month and year in calendar controls       | string         | MMMM uuuu         |
| formatDays       | `date-fns` format used to display day names in calendar header              | string         | eeeeee            |
| firstCalendarDay | Options to configure first day in calendar, ie 0 for Sunday or 1 for Monday | number         | 0                 |
| locale           | `date-fns` locale for days and months translation                           | Locale         | enUS              |
| closeOnSelected  | Option enables auto close calendar on date range selection                  | boolean        | false             |

## License

MIT
npm package: @jeysonlesmes/vue-airbnb-style-datepicker
Description: A VueJs version of the popular AirBnb datepicker
Author: MikaelEdebro
Latest version: 2.7.1

# vue-airbnb-style-datepicker

This is a VueJs version of the popular AirBnb datepicker. Supports range selection, disabling of dates, custom configuration, and many more things. Really lightweight and good browser support!<br>
[Examples](https://mikaeledebro.gitbooks.io/vue-airbnb-style-datepicker/examples.html)

<img src="https://raw.githubusercontent.com/MikaelEdebro/vue-airbnb-style-datepicker/master/docs/images/datepicker-tablet.gif" width="1124" alt="Datepicker on tablet">
<img src="https://raw.githubusercontent.com/MikaelEdebro/vue-airbnb-style-datepicker/master/docs/images/datepicker-mobile.gif" width="425" alt="Datepicker on mobile">

## Documentation
[Full documentation on GitBooks](https://mikaeledebro.gitbooks.io/vue-airbnb-style-datepicker/)

## Browser support
This datepicker have been tested with the following browsers/OS:

Chrome<br>
Firefox<br>
Edge<br>
Android<br>
IE: 9 and higher<br>
Safari: 7.1 and higher<br>
iOS: 6 and higher

However, these tests have not been extensive. More or less just trying the datepicker out, and see that it doesn't throw any console errors etc. If you're planning on using this in production, make sure that it runs smoothly in the browsers that you're planning on supporting.

## Contribute
I gladly accept contributions to improve this datepicker. **But before you start hacking away, please first create an issue where you explain what it is that you think needs to be done and why, so we can agree that the changes makes sense.** I wan't to keep this datepicker as close as possible to the original Airbnb datepicker, and not add strange edge cases that complicates the API and makes the size bigger. And it sucks having to deny a PR that someone spent time on, just because the feature/implementation doesn't cut it.

## Roadmap/todo:s
- Improve logic for positioning of datepicker. Support for showing the datepicker above the input if it doesn't fit below.
npm package: @jeysonrgxd/my-first-module
Description: primer modulo de prueba
Author: jeyson gino
Latest version: 1.0.0

# Titulo
   Archivo de expecificacion del curso
   https://augdiaugus.gitbook.io/recoleccion-de-notas-publicas/escuela-de-javascript/curso-profesional-de-javascript

## Ambitos de variable 
  **Scope** es el tiempo de vida y uso de una variable.
   Existen distintos tipos:
   - Globales: Disponible en todo el c�digo, alto riesgo de sobre-escritura con el Var.
   - Function Scope: va dentro de una funci�n. Var, puede sobre escribirse en esa funci�n, hay que    tener cuidado con esta.
   - Block Scope: Let y const, te ayudan a que solo sea �til en un bloque especifico.
   - Module Scope: Modulares se limita a su archivo y no sale de ah�.
   - **Recuerda:** En la consola puedes leer las variables locales con la palabra `window.nombre-de-la-variable`

## TypeScript

recordar que en el package.json en 

` "scripts": {"test": "echo \"Error: no test specified\" && exit 1", "start": "parcel index.html"} `

devemos cambiar el valor del start: "parcel typescript/*.html" para probar las bases del lenguaje y para correr el proyecto de video cambiar a start: "parcel index.html", rrecordar tambien que si queremos correr la carpeta de  temas_avanzado con las clases de js tenemos que ver toquetear el start: "parce ....." o sino no utilizarlo ya que hay ciertos errores