open-index/open-npm huggingface dataset:
npm package: @ikechukwu_boniface/vmddaterangepicker
Description: A material design daterange picker
Author: ly525
Latest version: 0.1.0

[Document](https://ly525.github.io/material-vue-daterange-picker/) | [中文文档](https://ly525.github.io/material-vue-daterange-picker/zh/)

> If the document is not accessible, please open an [issue](https://github.com/ly525/material-vue-daterange-picker/issues), I will fix it right away.

<h1 align="center">
v-md-date-range-picker
</h1>

<p align="center">
  <a href="https://material.io/">Material Design</a>
  DateRangePicker for <a href="https://vuejs.org/">Vuejs 2.0</a>
</p>

<p align="center">
<br>
<a href="https://www.npmjs.com/package/v-md-date-range-picker"><img alt="NPM Package Version" src="https://img.shields.io/npm/v/v-md-date-range-picker.svg"></a>
<a href="https://travis-ci.org/ly525/material-vue-daterange-picker"><img src="https://travis-ci.org/ly525/material-vue-daterange-picker.svg?branch=master" alt="Build Status" title="Build Status"></a>
<a href="https://www.npmjs.com/package/v-md-date-range-picker"><img alt="NPM Download Count" src="https://img.shields.io/npm/dt/v-md-date-range-picker.svg"></a>
<a href="https://codecov.io/gh/ly525/v-md-date-range-picker">
  <img src="https://codecov.io/gh/ly525/v-md-date-range-picker/branch/master/graph/badge.svg" />
</a>
</p>

### Pictures for [Examples](https://ly525.github.io/material-vue-daterange-picker/)

<img width="500" alt="WX20190522-193329@2x" src="https://user-images.githubusercontent.com/12668546/58172293-c3b27000-7cca-11e9-948b-729602e556da.png">
<img width="500" alt="WX20190522-193351@2x" src="https://user-images.githubusercontent.com/12668546/58172296-c6ad6080-7cca-11e9-9bae-d4236d662fb9.png">

## Getting Started

### Installation

```console
npm install v-md-date-range-picker --save

# or use yarn
yarn add v-md-date-range-picker
```

### Quick Start

> you can use vue-cli to create project

```bash
1. npm install -g @vue/cli # or yarn global add @vue/cli
2. vue create hello-world
```

```html
<!-- App.js -->
<template>
  <v-md-date-range-picker></v-md-date-range-picker>
</template>
```

```js
// main.js
<script>
  import Vue from 'vue'; import VMdDateRangePicker from
  "v-md-date-range-picker"; Vue.use(VMdDateRangePicker);
</script>
```

## Build

> Powed by following:

- https://github.com/egoist/bili
npm package: @ikefakis/react-polaroid-photo-deck
Description: A beautiful polaroid style photo deck
Latest version: 3.0.4

# Polaroid style photo deck

![alt text](https://github.com/ikefakis/react-polaroid-photo-deck/raw/main/docs/repository-image.png "Polaroid style photo deck")

A beautiful polaroid style photo deck.
_See [demo](https://ikefakis.github.io/react-polaroid-photo-deck)_

## Getting Started

1. `$ cd react-polaroid-photo-deck` - go inside the project directory
2. `$ npm install` - install dependencies
3. `$ npm start` - you will be navigated to [http://localhost:5173](http://localhost:5173) on your browser with hot reloading.

## Customization

- Put your images in the `public/img` folder and update the paths inside `src/photos.json`. Card orientation is detected automatically from each image.

## Package usage

This repository can also be published as the `react-polaroid-photo-deck` package.

```jsx
import { Deck } from 'react-polaroid-photo-deck'

const cards = [{ url: '/img/01.jpg' }, { url: '/img/02.jpg' }]

export function Example() {
  return <Deck cards={cards} style={{ width: '100vw', height: '100vh' }} />
}
```

- Install with `npm install @ikefakis/react-polaroid-photo-deck react react-dom`.
- The reusable component accepts final image URLs through the `cards` prop.
- `react` and `react-dom` are the only peer dependencies. Animation and gesture packages are bundled as library dependencies.
- The demo app still maps `src/photos.json` entries to the correct GitHub Pages asset path.
- Run `npm run build:lib` to create the publishable package in `dist`. This command bundles first and then emits `.d.ts` files so the generated type declarations are not removed by Vite's library build output step.

## Build

- `$ npm run build` - An optimized production build will be generated in `dist` folder.
- `$ npm run build:lib` - A publishable library build with type declarations will be generated in `dist` folder.

## Deploy

- Push to `main` to trigger the GitHub Actions workflow that builds the app and deploys `dist` to GitHub Pages.

## Publish from GitHub

- Add an `NPM_TOKEN` repository secret with publish access to the npm package.
- Run the `Publish package` workflow from the `main` branch.
- Provide the `version` input as either an npm release keyword (`patch`, `minor`, `major`, `prerelease`) or an exact semver.
- The workflow installs dependencies, validates `npm run build`, then bumps the version, commits and tags the release, publishes to npm, and pushes the updated `package.json`/`package-lock.json` plus the matching `v*` git tag.
npm package: @ikeike443/react_spa
Description: [![Board Status](https://dev.azure.com/ikeike443/ead6083f-3ff3-4445-9d40-14ef527a258f/79894fcd-565d-4c32-900a-705a47d7cd86/_apis/work/boardbadge/e5b012e8-34f8-4ec9-8d0f-126df53cf31b?columnOptions=1)](https://dev.azure.com/ikeike443/ead6083f-3ff3-4445-9d40
Latest version: 0.1.1

[![Board Status](https://dev.azure.com/ikeike443/ead6083f-3ff3-4445-9d40-14ef527a258f/79894fcd-565d-4c32-900a-705a47d7cd86/_apis/work/boardbadge/e5b012e8-34f8-4ec9-8d0f-126df53cf31b?columnOptions=1)](https://dev.azure.com/ikeike443/ead6083f-3ff3-4445-9d40-14ef527a258f/_boards/board/t/79894fcd-565d-4c32-900a-705a47d7cd86/Microsoft.RequirementCategory)
[![Release Status](https://vsrm.dev.azure.com/ikeike443/_apis/public/Release/badge/ead6083f-3ff3-4445-9d40-14ef527a258f/1/1)](https://dev.azure.com/ikeike443/Sample/_release?definitionId=1)

# React SPA